一、旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的
vue-cli (1.x 或 2.x),你需要先卸载它。
查看你是否有安装旧版的Vue CLI
- 你可以通过在终端执行vue --version来确认你是否安装了旧版的Vue CLI**
- 如果你使用yarn作为包管理工具,你还可以通过yarn global dir命令查看yarn全局安装的模块位置,再cd进入目录。查看node_modules或者直接cat package.json来确认你是否安装了旧版本
- 如果你使用的是npm作为包管理工具,并且使用了nvm作为node的管理工具。那么你可以进入~/.nvm/versions/node/v你使用的node版本号/lib/node_modules来确认你是否安装了旧版本(ps:使用nvm ls查看你当前使用的node版本)
如果你安装了旧版本
通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
二、安装新版本
首先请确认你的node版本是否符合要求
Vue CLI 需要node.js 8.9 或更高版本 (推荐 8.11.0+)。
同样的,推荐使用nvm作为node.js版本管理工具,并使用nvm ls && nvm use vxx.xx设置版本
可以使用以下任意命令安装
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安装完成后通过vue --version来检查其版本是否正确 (3.x)
~ vue --version
3.5.1
三、创建一个应用
使用vue create xxxxx命令创建一个vue-cli应用