怎麼使用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 鷹架建置專案結束！

 

以上是怎麼使用vue-cli來搭建vue專案和webpack？的詳細內容。更多資訊請關注PHP中文網其他相關文章！