#我的VUE框架學習 題記：初識VUE，覺得VUE十分的不錯，故決定去深入的瞭解學習它，工欲善其事，必先利其器，下麵是我搭建vue環境的過程！ #一.項目搭建及初始化 1.安裝：node.js；去官網下載：https://nodejs.org/en/ 2.安裝cnp：mnpm install -g ...
#我的VUE框架學習
題記：初識VUE，覺得VUE十分的不錯，故決定去深入的瞭解學習它，工欲善其事，必先利其器，下麵是我搭建vue環境的過程！
#一.項目搭建及初始化
1.安裝：node.js；去官網下載：https://nodejs.org/en/
2.安裝cnp：mnpm install -g cnpm --registry=https://registry.npm.taobao.org
安裝後打開cmd控制台，由於npm的源在國外，我們利用國內鏡像去使用
3.全局安裝webpack：cnpm install webpack -g
細心可以看到不再是npm了，改為cnpm了，這就是國內鏡像去下載的，運行vue還需要webpack去在本地伺服器上運行
4.安裝webpack-cli：cnpm install -g webpack-cli
因為CLI（命令行工具）轉移到了包webpack-cli中所以我們還需要去安裝一下webpack-cli
5.安裝vue-cli：cnpm install -g vue-cli
首先vue-cli 是vue.js的腳手架，用於自動生成vue.js+webpack的項目模板
6.初始化項目：vue init webpack （此處為你的項目名稱）
全部弄好了，開始初始化項目了
這裡我把項目放在H盤了，執行命令可以看到成功了，（亂碼不用管，不影響）並且開始問你：
1、項目名稱了。2、項目描述。3、作者。4、是否安裝vue-router。5、是否使用ESLint來編寫代碼。6、是否建立單元測試。7、也是問你是否建立測試。8、問你我們是否應該在項目創建後為您運行“npm install”?(推薦)（npm install安裝依賴）。這裡筆者都選擇了NO。
7.進入項目：cd 你的項目名稱，去安裝依賴。
8.安裝依賴：cnpm install
6.啟動項目：npm run dev
安裝完依賴後就可以使用命令跑起來了，註意預設是8080埠
以上就是我的vue腳手架搭建了，希望能給大家帶來幫助，如有用詞不妥歡迎指出，謝謝！
