新老版本vue-cli的安裝及建立項目等方式的比較

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+之後版本纔有的功能！！！

---

做者：快樂隨行　　　　
出處：http://www.javashuo.com/article/p-uhxkbkxf-nt.html
版權全部，歡迎轉載，轉載請註明原文做者及出處。