安装指定版本的-Vue-Cli看它就对了

55次阅读

共计 806 个字符，预计需要花费 3 分钟才能阅读完成。

今天在使用 Vue Cli 搭建项目的时候使用 npm install -g @vue/cli 更新了一下 Vue Cli 版本，结果发现默认安装的是最新版本，已经到了 4.4.4。在惊呼 vue 更新速度 so 快的同时，我到 git hub 上看了一下，vue 4.x 版本在 dev 分支，处于开发阶段。为了避免在项目开发过程中遇到不必要的麻烦，我决定将已经安装的 4.x 版本卸载，并安装稳定的 3.x 版本。将卸载和安装方法分享在此，与大家共同学习。如有不足之处，欢迎批评指正。

卸载已经安装的 Vue Cli

卸载 3.x 或 4.x 版本的 Vue Cli
```
npm uninstall -g @vue/cli

# OR

yarn global remove @vue/cli
```
卸载 1.x 或 2.x 版本的 Vue Cli
```
npm uninstall vue-cli -g

# OR

yarn global remove vue-cli
```
在执行完上述命令后，在终端输入 vue 命令，提示 'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。，则表明卸载成功。
安装指定版本的 Vue Cli

1. 查看 Vue Cli 的所有版本号

3.x 和 4.x 的所有版本号
```
npm view @vue/cli versions --json
```
1.x 和 2.x 的所有版本号
```
npm view vue-cli versions --json
```
2. 安装指定版本号的 Vue Cli

安装 3.x 和 4.x 版本
```
npm install -g @vue/cli@版本号

# OR

yarn global add @vue/cli@版本号
```
安装 1.x 和 2.x 版本
```
npm install -g vue-cli@版本号

# OR

yarn global add vue-cli@版本号
```
注意: 执行安装命令时，版本号前面的 @ 符号与 cli 之间不能有空格，否则会报错。

执行完安装命令后，执行 vue -V 查看安装的版本号。正常输出版本号，则表明安装成功。