vue-cli 3.0 正式版於2018年8月發布，截至到2020年08月05日版本已經更新到4.4.6。Vue CLI 的包名稱由 vue-cli 改成了 @vue/cli，目前網上很多的Vue項目搭建教程由於沒有說明使用的vue-cli的版本，不同的操作方式往往給新人造成很大的困擾。3.0+與2.*版本在搭建項目時到底有何不同呢？下面做一下簡單的介紹，希望可以幫到有需要的朋友。
| vue-cli（舊版本） | @vue/cli（新版本-推薦） | |
| 安裝環境 | Node.js (>=6.x, 8.x preferred) npm version 3+ and Git |
Node.js 8.9 或更高版本 (推薦 8.11.0+) |
| 安裝 | npm install vue-cli -g | npm install -g @vue/cli 或者 yarn global add @vue/cli |
| 查看版本號 | vue -V | |
| 卸載 | npm uninstall vue-cli -g 或 yarn global remove vue-cli | npm uninstall @vue/cli -g 或者 yarn global remove @vue/cli |
| 創建vue項目 | vue init
兩種常用的模板類型： webpack-simple webpack 如：vue init webpack my-project |
vue ui 通過圖形化頁面創建 vue create |
| 啟動vue項目 | npm run dev 或 npm start | npm run serve |
| 打包vue項目 | npm run build | |
-
如果你安裝新版前已經全局安裝了舊版本的 vue-cli (1.x 或 2.x)，你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。
-
vue ui 通過圖形化頁面創建vue項目是vue-cli 3.0+以后版本才有的功能！！！
作者：快樂隨行
出處：https://www.cnblogs.com/jddreams/p/13438217.html
版權所有，歡迎轉載，轉載請注明原文作者及出處。