最近在學習使用vue，簡單匯總下如何使用vue-cli腳手架自動化搭建一個vue項：

1.首先，要安裝node.js，之後第一步檢測是否安裝node；沒有安裝node的同學請到官網下載安裝 https://nodejs.org/en/download/

安裝成功後在命令行查看node版本，如果有說明安裝成功。

2.之後全局安裝vue-cli腳手架

電腦進入cmd，任意路徑下 使用 npm命令：npm install vue-cli -g

註意：npm -v 3.0+ npm版本需要在3.0之上

3.之後在你想要的工程目錄下：

使用命令：vue init webpack ‘你的工程名’ //這裏選著webpack模板，你也可以使用其他

之後會讓你選這一些配置，一般直接按回車選著默認，最後單元測試和e2e測試可以不選擇

然後等待安裝完成

完成後，在你的電腦目錄下就會自動生成相應的工程目錄

4.創建好之後，進入創建好的工程目錄

cd ‘工程名‘

使用初始化命令：

npm install

會自動下載工程所需的依賴包，如果因網絡問題好卡，推薦使用淘寶鏡像下載

5.最後，使用命令：

npm run Dev

讓工程跑起來

這個就說明你可以在瀏覽器打開你的工程了，輸入http://localhost:8080/

6.最後，因為我用的是vscode，推薦一個插件 eslint ，代碼規範檢查，之前配置選項也有

不管是多人合作還是個人項目，代碼規範是很重要的。這樣做不僅可以很大程度地避免基本語法錯誤，也保證了代碼的可讀性。這所謂工欲善其事，必先利其器，個人推薦 eslint+vscode 來寫 vue，絕對有種飛一般的感覺。效果如圖：

可以進入--配置--用戶設置 進行配置，用於格式化代碼：

使用vue-cli腳手架自動化搭建一個vue項目