我最近在學(xué)習(xí)如何用使用Vue.js2.0+Vuex+webpack搭建一個(gè)web項(xiàng)目.其中遇到的一個(gè)問(wèn)題就是如何在項(xiàng)目中使用sass.
首先創(chuàng)建一個(gè)基于webpack的Vue項(xiàng)目模板
按照Vuejs的官方文檔,我們需要安裝最新版本Vue(前提是你的環(huán)境已經(jīng)有nodejs和npm了)
$ npm install vue
接下來(lái)是Vuejs官方命令行工具
$ npm install --global vue-cli
至此,我們就可以開(kāi)始創(chuàng)建一個(gè)基于webpack模板的新項(xiàng)目了
$ npm vue init webpack my-project
上面命令的末尾my-project是項(xiàng)目默認(rèn)的名稱,當(dāng)然你也可以寫成你自己起的名字,接下來(lái)就是在終端里面操作,根據(jù)提示信息,就是敲回車還有y或者n,其中有一項(xiàng)需要注意:就是Use ESLint to lint your code?(y/n),意思是說(shuō)是否需要ESLint檢查你的編碼,建議選擇n.其余項(xiàng)目一律y就可以了,接著就可以按照終端的提示來(lái)啟動(dòng)你的vue項(xiàng)目啦.
在項(xiàng)目中不適用ESLlint
進(jìn)入你的工程路徑,npm install,npm run dev
所有工作正常完成后,瀏覽器會(huì)自動(dòng)彈出項(xiàng)目的窗口,默認(rèn)端口號(hào)是8080,當(dāng)然我們也可以來(lái)更改默認(rèn)端口.找到config/index.js,dev配置項(xiàng)里的port:8188(我自己改成了8188).至此,一個(gè)基本的vue項(xiàng)目模板就搭建好了.
