Vue實戰Vue-cli項目構建（Vue+webpack系列之一）

用Vue比較長一段時間了，大大小小做了一些項目，最近想總結一下知識點，出一個Vue+webpack系列，先從項目構建說起——vue-cli.

由於是Vue+webpack這裡就不贅述git那些東西，預設環境都配置好了。

第一步先建立一個文件夾我這裡是apronew;

第二步在文件夾裡面打開git bash，然後敲命令行npm install --global vue-cli，全局安裝 vue-cli，如果已經全局安裝可不用再裝一次；

第三步： 第二步成功之後，創建一個基於 webpack 模板的新項目敲命令行： vue init webpack test-vue-cli

 當完成第三步，進入到新init的文件夾此時是這樣的

第四步：安裝依賴包，用命令行npm install（這裡推薦用cnpm淘寶鏡像，比較快）

安裝過程是這樣的

安裝成功是這樣的

此時就可以進行最後一步跑起來啦；

第五步：npm run dev;(至於為什麼是run dev 以及這個命令行敲完幹了些什麼日後再補上)

如果有依賴沒安裝上，這一步會有報錯，繼續安裝一下響應的依賴就行了；出現以下狀態就表示大功告成啦！

用Vue 腳手架構建項目結束！