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

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

因爲是Vue+webpack這裏就不贅述git那些東西(用cmd也沒問題)，默認環境都配置好了。

第一步先創建一個文件夾我這裏是apronew;

第二步在文件夾裏面打開git bash(用cmd也沒問題)，而後敲命令行npm install --global vue-cli，全局安裝 vue-cli，若是已經全局安裝可不用再裝一次；

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

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

 

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

安裝過程是這樣的

安裝成功是這樣的

此時就能夠進行最後一步跑起來啦；

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

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

 

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