初入前端的新人在碰到vue.js後，去過官網，估計粗略的看下api文檔以後會以為vue的安裝只是把那串js代碼直接粘貼複製到文檔即可，雖然這樣是可以，但那在項目中並不合適。 項目中的vue引入（配製安裝環境）： 1.安裝node.js，沒有的自己去搜官網下載即可 2.打開cmd命令，安裝淘寶鏡像，這 ...
初入前端的新人在碰到vue.js後，去過官網，估計粗略的看下api文檔以後會以為vue的安裝只是把那串js代碼直接粘貼複製到文檔即可，雖然這樣是可以，但那在項目中並不合適。
項目中的vue引入（配製安裝環境）：
1.安裝node.js，沒有的自己去搜官網下載即可
2.打開cmd命令，安裝淘寶鏡像，這步是為了能快速下載，你也可以不做，但是從第3起的cnpm改npm，輸入：
npm install -g cnpm --reigstry=https://registry.npm.taobao.org
3.cmd命令：cnpm install vue //安裝vue文件
4.cmd命令：cnpm install --global vue-cil //安裝vue腳手架
//之後開始創建項目與程式打包
5.cmd命令：vue init (模板名稱) (項目名稱) 例：vue init webpack myDome //這裡一般都用webpack模板，你要是想瞭解更多模板，請自行百度。//創建項目
另外此處要註意，它會出現對話框，個人建議:
①？Project name(myDome) //你自己寫個項目名，也可以回車直接，
②？Project description //直接yes或者回車
③？Author //直接回車，一般有github賬號的會直接顯示你賬號信息
④？Install vue-router？ //肯定yes
⑤？Use ESLint to lint your code？ //千萬別yes，這個是規範代碼格式，要是你的代碼格式有一點不符合這個規範，就會報錯，大牛請隨意
⑥？ //代碼太長不寫，建議no
⑦？ //代碼太長不寫，建議no
6.cmd命令：cd myDome //進入項目，這裡輸入的是vue init webpack 後面的那個項目名
7.cmd命令：cnpm install //安裝項目依賴
8.cmd命令：cnpm run dev //運行程式
出現上圖即為成功
9.cmd命令：cnpm run build // 程式打包
另外由於vue是熱更新，所以你只要保持cmd開啟，刷新網頁即可查看所做的修改。
