新老版本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+以后版本才有的功能！！！
作者：快乐随行
出处：https://www.cnblogs.com/jddreams/p/13438217.html
版权所有，欢迎转载，转载请注明原文作者及出处。