vue的安裝及基本配置項筆記
1、安裝
(1)下載並安裝 node.js
(2)npm install 安裝 npm,可繼續安裝 cnpm(npm install -g cnpm)或直接下一步
2、新建
(1)找到或新建一個 vue 專案的資料夾,shift + 右擊開啟命令列視窗,安裝腳手架(cnpm install -g vue-cli)
(2)vue init webpack vue-music (vue-music 是專案名,自命名)
(3)跟據接下來的提示操作完,專案就建立好了
3、vue 專案建立好後,往往需要修改某些配置項
(1)在 package.json 中新增依賴,版本號去 GitHub 上找,全域性搜尋該檔名,出現的第一條即是。
在 dependencies 中有:
a、babel-runtime // 識別 ES6
b、fastclick // 取消移動端點選 300 毫秒的延遲
在 devDependencies 中有:
a、stylus 和 stylus-loader
b、babel-polyfill // 補丁,能對 ES6 中的 Promise 做轉譯
(2)eslintrc.js 中的修改
a、'eol-last': 0, // 忽略行後的空格或空行
b、'space-before-function-paren': 0, // 忽略 function 與 () 中間是否有空格
c、'indent': 0, // 首行縮排
d、'no-tabs': 'off', // 空格
(3)配置 alias 別名
在 bulid 資料夾下的 webpack.base.conf.js 檔案中修改
注意:修改了 package.json 中的檔案後,需要先儲存,再 npm install,在 npm run dev 才生效。修改了 eslintrc.js 中的檔案需要重新 npm run dev 才生效。