vue-cli2和vue-cli3共存于一台计算机中的实现方法

1.创建两个新文件夹，分别用于存储vue-cli2和vue-cli3

2.进入vue2文件夹下载并安装vue-cli2.0

vue-CLI 2.0版本下载命令是npm install vue-cli或npm install [emailprotected]版本号。我在这里指定版本号，不要在这里加-g，否则会安装到全局位置检查

下载后，会生成一个' node_modules '文件夹，并输入`。此文件夹下的bin文件夹-` f : \ vue \ vue 2 \ node _ modules \。宾。

可以看到cmd命令存储在这个文件夹中。因为是部分安装，所以cmd命令vue -V在这个目录中执行。以下结果表明安装成功。

3.进入vue3文件夹下载并安装vue-cli3.0

vue-cli3.0的安装程序与上述2.0基本相同。唯一的区别是下载和安装命令是-`npm install @vue/cli4，并且修改了CMD命令名称

为了便于区分，我们修改了cmd命令的两个版本的名称，即vue-cli2和vue-cli3。

5.配置环境变量

流程见上图。最后一步是操作两次。将2.0和3.0的cmd命令分别添加到环境变量中。浏览后，选择。bin文件夹。6.用它。

使用vue-cli2.0创建一个项目- vue-cli2初始化网络包

使用vue-cli3.0创建项目-vue-cli3创建我的项目

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。