Vue項(xiàng)目搭建

Vue學(xué)習(xí)

一、ES6學(xué)習(xí)

阮一峰寫(xiě)的一本書(shū)《ECMAScript 6入門(mén)》

也可以購(gòu)置紙質(zhì)書(shū)籍

二、 Vue學(xué)習(xí)

Vue作者 提供了一份 vue學(xué)習(xí)順序大家可以根據(jù)這個(gè)順序去查看Vue2.0的文檔就行 ,文檔講的很清楚,很容易懂的

三、webpack學(xué)習(xí)

這是我找的一片入門(mén)學(xué)習(xí)文章了解基本配置就好,感興趣可以繼續(xù)深入學(xué)習(xí)

Vue里面相關(guān)webpack配置說(shuō)明

這篇文章很好的說(shuō)明了Vue的三個(gè) 相關(guān)于 webpack配置文件的用處

四、SASS學(xué)習(xí)

阮一峰大神的文章看完就可以了,如果很感興趣 可繼續(xù)看sass官方文檔。

五、項(xiàng)目環(huán)境搭建

1.獲取項(xiàng)目

svn獲取即可,獲取之后的項(xiàng)目是沒(méi)有node_moudles的,需要下面的初始化命令才行

npm install

使用sass 有兩種 scss 和 sass scss和css語(yǔ)法很像但是可以編程 SASS和 python比較像 不適用{}花括號(hào) 使用縮進(jìn) 感覺(jué)使用縮進(jìn)大家接觸的很少,所以我覺(jué)得大家使用 scss 語(yǔ)法模式,更容易習(xí)慣

webpack只支持 sass 不支持scss 需要繼續(xù)安裝 一些插件來(lái)補(bǔ)坑

`npm install node-sass sass-loader —D

`

再在 style 標(biāo)上使用的語(yǔ)言

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容