vue-cli2創建項目流程

爲什麼使用vue-cli：算法結構、本地測試、代碼部署、熱加載、單元測試

1.下載安裝node.js     

官網： https://www.nodejs.cn

下載完成後安裝，記住安裝的位置，因爲要配置path變量

安裝完成後啓動命令行 輸入 node -v ,查看是否可以使用此條命令，若不能就要去配置環境變量

配置環境變量，把nodejs安裝的路徑複製下來，此電腦右鍵屬性，找到系統屬性，找到環境變量，編輯path將路徑添加進去，點擊確定，就可以在任何地方使用nodejs了，重新打開cmd，輸入node-v，就可以查看版本號了

npm 是node裏引申的指令，輸入npm -v ,查看版本號

2.dos命令

cd打開文件夾 md創建文件夾 dir查看文件夾內容 cd..返回上級文件夾 

3.npm(node package manager)是nodejs的包管理工具，用於node插件管理（安裝、卸載、管理依賴等），cnpm是淘寶鏡像

-g全局安裝 npm root -g查看全局安裝的文件夾位置

將npm下載地址永久指向cnpm: npm config set registry http://registry.npm.taobao.org

cnpm下載命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝完成後可輸入 cnpm -v查看版本號

-S ，--save將安裝包的信息加入到生產階段

-D , --save-dev將安裝包的信息加入到開發環境

i 是install的縮寫

4.vue-cli2環境安裝

命令：npm install -gd vue-cli

安裝完成後 輸入vue -V可查看vue版本號

5.基於webpage模板創建的vue項目

命令：vue init webpack projectname

6.npm run dev 啓動服務

7.單獨安裝組件

安裝 npm install xxx --save-dev

卸載 npm uninstall xxx --save-dev