VUE環境搭建教程以及VSCODE外掛Vetur和ESlint的安裝配置
*此教程適用於Windows環境下 Author:Sinclair CreateDate:2018-10-09
1.安裝node.js
(LTS代表長期支援版本，一般新手建議使用這個版本，因為這個版本使用的人最多，出問題能找到解決方案的概率較大。)
下載好後就可以直接開始安裝，一路Next到選擇安裝路徑就剎剎車來選擇心儀的路徑，然後就可以一路Install到Finish就表示安裝完成了。
接著就使用管理員身份開啟CMD，在開啟的命令列介面，依次輸入命令回車：
node -v
npm -v如果正確輸出版本號，說明我們的NodeJS和NPM就安裝好了，如下圖所示：
2.
（設定淘寶映象：大家都知道國內直接使用 npm 的官方映象是非常慢的，所以這裡推薦使用淘寶 NPM 映象。）
使用管理員身份開啟CMD，在開啟的命令列介面輸入：
npm install -g cnpm --registry=https://registry.npm.taobao.org耐心等待下載安裝完成後就可以使用cnpm命令字首代替預設的npm了
3.安裝webpack
使用管理員身份開啟CMD，在開啟的命令列介面輸入：
cnpm install webpack -g4.安裝vue腳手架
使用管理員身份開啟CMD，在開啟的命令列介面輸入：
cnpm install vue-cli -g
5. 開始建立VUE專案
建立資料夾為開發專案使用(如: d:\projects\vue )，在CMD依次輸入下列命令中進入該目錄：
E:
cd E:\Vue\projects
根據模板建立Vue專案(如 vuedemo)，在已進入專案目錄下的命令列介面輸入：
需要注意的是專案的名稱不能大寫，不然會報錯
vue init webpack vuedemo直到出現這個填寫模板資訊的畫面：
輸入完作者姓名後接下來有3個選項，字型加粗的是我的選擇：
Runtime+Compiler:recommended for most users 執行加編譯
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 僅執行時
整個模板資訊的填寫如下：
依次輸入以下命令：
cd vuedemo (進入專案目錄)
cnpm install （安裝專案依賴）
cnpm run dev （執行專案）
出現下面的畫面則表示搭建成功：
*以上便是VUE環境搭建，上面的都還沒成功的話，下面可以先不看，因為接下來是介紹VSCodede及其外掛的安裝方法
6.安裝Visual Studio Code
7.在vscode中安裝外掛Vetur
安裝完vetur後還需要加上這樣一段配置：
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"vetur.validation.template": false,
8.安裝外掛 ESLint
ESLint 不是安裝後就可以用的，還需要一些環境和配置：
首先，需要全域性的 ESLint , 如果沒有安裝可以使用CMD 輸入npm install -g eslint來安裝；
其次，vue檔案是類 HTML 的檔案，為了支援對 vue 檔案的 ESLint ，
需要eslint-plugin-html這個外掛。可以使用CMD輸入： npm install -g eslint-plugin-html 來安裝；
當上述兩個都裝好後，還需要在 vscode 中配置下 ESLint：
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
],
"eslint.options": {
"plugins": ["html"]
},