vue-cli2与vue-cli3在一台电脑共存的实现方法-创新互联

1、新建两个文件夹，分别用于存放vue-cli2和vue-cli3

成都创新互联公司是一家集网站建设,大庆企业网站建设,大庆品牌网站建设,网站定制,大庆网站建设报价,网络营销,网络优化,大庆网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

vue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置

检验

下载完毕，会生成一个`node_modules`文件夹，进入该文件夹下的`.bin`文件夹--`F:\Vue\vue2\node_modules\.bin`

可以看到该文件夹下存放的是cmd命令，因为是局部安装，所以在该目录下执行cmd命令vue -V,结果如下则说明安装成功

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

vue-cli3.0安装步骤与上面的2.0基本相同，唯一不同的就是下载安装命令为-`npm install @vue/cli

4、修改CMD命令名称

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

5、配置环境变量

过程请看上图，最后一步要操作两次，分别添加2.0和3.0的cmd命令到环境变量，点浏览后，选择到.bin文件夹就可以了

6、使用

使用vue-cli2.0创建项目---vue-cli2 init webpack

使用vue-cli3.0创建项目---vue-cli3 create my-project

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联成都网站设计公司。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：vue-cli2与vue-cli3在一台电脑共存的实现方法-创新互联
当前路径：http://cdxtjz.cn/article/dchcoo.html