一：如何使用vue-cli創建項目
1、安裝好了node.js
2、安裝 vue-cli
npm install -g vue-cli //-g表示全局安裝
3、創建新項目
vue init webpack 項目名字
4、進入項目文件夾
cd 項目文件夾
5、安裝依賴
npm install //在項目文件夾下面執行
6、運行項目
npm run dev
***注意：上述方法是基於vue2.X，已經過時，建議采用更新的基於vue3.X的方式創建***
***項目內運行yarn run build，就會生成一個build文件夾和一個dist文件夾，dist文件夾即壓縮處理之后的靜態資源文件夾，里面的html文件可以在服務器上運行***
二：vue-cli+webpack項目怎樣修改項目名稱
使用vue-cli+webpack創建的項目，修改文件名稱或者更改文件的位置，運營時會報錯，是因為npm項目，在安裝依賴（node_nodules）時，會記錄當前的文件路徑，當修改之后就無法正常啟動。
解決辦法：
1 、刪除 node_modules 文件夾
2、在package.json中修改對應的name（最好全局搜索，將應用到舊項目名的地方統一改過來）
3、 重新安裝依賴 npm install
4 、啟動項目 npm run dev
三：運行 npm run dev時報錯npm ERR! 項目名@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
原因：新版的webpack-dev-server存在問題。
解決方法：package.json 中指定 webpack-dev-server 低版本號
方法1：
"webpack-dev-server": "^2.9.1"
刪除 node_modules 目錄，再重新安裝依賴包
npm install -S // 這種方式安裝的時間會長些，也可以只重裝 webpack-dev-server模塊
方法2：單獨重裝 webpack-dev-server模塊
1、npm uninstall webpack-dev-server
2、npm install webpack-dev-server@2.9.1
3、npm run dev
四：Vue的devtools構建錯誤npm ERR! code ELIFECYCLE解決辦法
安裝vue-devtools工具時，運行npm run build 發生報錯：
該問題的原因是我們git clone時默認分支為最新的develop分支。develop是測試分支，不是正式分支，git clone時更換分支即可。
網查資料顯示v5.1.1分支是可用的，估計再向前的分支也是可用，當然master分支更是可用。
正確獲取方法（使用分支:v5.1.1）
1.克隆
用cd命令找到想要安裝的路徑，運行git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git；
2.安裝依賴
進入vue-devtools文件夾下，運行npm i 或 cnpm install；
3.構建
npm run build；
4.chrome中找到 更多工具 / 擴展程序 選項，勾選 開發者模式，然后點擊 加載已解壓的擴展程序，選擇vue-devtools\shells\chrome，確認
5.谷歌運行一個vue項目，查看控制台是否出現Vue功能欄，有則是安裝成功。
五：VS Code可以通過以下快捷鍵格式化代碼:
1. windows:Shift + Alt + F
2. Mac:Shift + Option + F
六：使用vue-cli3創建項目時遇到的坑
在目標文件夾“右鍵” => “Git Bash here”，打開命令行，輸入vue create project-name，回車，結果發現項目配置參數選擇時，git bash的箭頭選擇無效
解決辦法：
- 選擇git bash 的安裝目錄，找到Git/etc/bash.bashrc文件 （我的目錄是C:\Program Files\Git\etc\）
- 文件末尾添加 ： alias vue='winpty vue.cmd'
- 關閉所有git bash，再重新打開既可
或者直接 window+r，輸入cmd，打開cmd窗口，cd到目標文件夾，再vue create project-name