vue-cli2与vue-cli3在一台电脑共存

最新推荐文章于 2026-01-20 09:29:45 发布
原创 最新推荐文章于 2026-01-20 09:29:45 发布 · 536 阅读 · 1
标签
#vue
这篇博客介绍了如何在一台电脑上同时安装和配置vue-cli2.0和vue-cli3.0，通过新建不同文件夹、局部安装、修改CMD命令名称以及配置环境变量，使得两个版本可以共存并方便使用。

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

 

1.png

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

 

2.png

 

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.png

 

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

vue-cli3.0安装步骤与上面的2.0基本相同，唯

最低0.47元/天 解锁文章
openight
关注
Vue2 环境下安装Vue3 ，同一台电脑同时安装vue2 和vue3
热门推荐
weixin_41346436的博客
12-16 1万+
目前大多数老的项目还是以vue2.0版本为主，在vue3的环境下vue2的项目又不能运行，因此Vue2 和Vue3两个版本同时存在显得尤为重要，本博客为转发博客，非常详细 博客1：https://blog.csdn.net/Jioho_chen/article/details/90455778 博客2：https://blog.csdn.net/lb1135909273/article/details/100132670
Vue2与Vue3共存于一台电脑 保姆级教程
程序员柒的博客
02-06 9625
提示：以下是本篇文章正文内容，下面案例可供参考右键我的电脑(此电脑) ----> 属性 —> 高级系统配置 —> 环境变量win11系统win10新建环境变量，目的是把我们的vue2和vue3的命令添加进去同理，vue3也是如此修改path变量双击path出现左边弹框。点击新建，输入以%包裹的变量名，中间的变量名就是你新建的环境变量。头尾分别加上%，别搞错了。注意：win10电脑追加path是上面所述，不是win10的话，直接在path后面用分号隔开例如：;%VUE_CLI2%;
vue2 和 vue3 共存
u013015301的博客
04-18 3304
电脑中存在两个vue版本
vue2+vue3共存
qq_33438449的博客
07-28 7234
vue2+vue3共存参考文档 vue2+node安装参考文档 ！！而我的情况是，已经安装vue2项目，再去安装vue3。vue2参考上面连接安装，并且配置了环境变量 当我需要使用vue3创建项目时，没有删除vue2的情况下，执行命令：npm install -g @vue/cli 执行命令：vue --version，输出的是vue2的版本号，因为全局变量配置vue2的缘故！！ npm install -g @vue/cli@4.5.9 是安装特定版本号的vue 百度查询，还有先删除版本 通过截图，会
同一电脑上安装且使用vue2.0和vue3.0版本
前端很杂，故名前端杂货铺 —— coderkey
03-01 1297
卸载全局安装的vue版本。（注：自行百度搜索如何卸载全局vue2vue3脚手架）想要在自己电脑本地上创建使用vue2.0和vue3.0版本的项目，如何实现？在自己想要的位置上，新建两个文件夹分别命名为。配置环境变量 （自己用的win10）在系统变量上分别配置。
vue安装与配置以及vue2和vue3共存
weixin_54763080的博客
03-22 4421
此外，在webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli。安装后进入node_modules下的.bin目录，进入后将原来的vue和vue.cmd重命名，如下所示。具体步骤跟安装vue3的脚手架类似，但是安装脚手架的命令不一样，vue2的命令如下。2.点击系统变量下面的新建，新建环境变量，变量值为自己新建的node_cache。点击系统变量中的path，点击右侧新建名称为%NODE_PATH%，然后一路确定。
vue2.x与vue3.x如何在一个电脑上并存
qq_39594456的博客
06-15 939
转载原文章链接：https://blog.csdn.net/Jioho_chen/article/details/90455778， 如侵权请联系删除
已安装Vue2的电脑上与Vue3版本共存
weixin_44144773的博客
02-16 2467
vue2与vue3共存
在大型应用程序中共存 Vue 2 和 Vue 3
liuxiaoqi_123的博客
11-04 2448
在大型应用程序中共存 Vue 2 和 Vue 3
实现 vue-cli2和vue-cli3同时并存
weixin_44231395的博客
04-12 2364
win下 vue-cli2 和 vue-cli3 并存，一起使用 开局一张图，内容慢慢编 文章目录win下 vue-cli2 和 ...
电脑同时运行vue2和vue3项目
u014645827的博客
12-15 331
的安装路径，这两个不要动，这是之前安装时根据你选择的路径自动生成的，这个配置文件默认也只有这两项。因为我没改配置文件，所以后面的4项我都没有，只是后来搜到了，就说一下，查看nvm可安装node版本列表： nvm list available。安装指定版本node ：nvm install node版本号。使用指定版本node：nvm use node版本号。查看已安装node列表 ： nvm list。下载依赖包的镜像，也是修改为了淘宝镜像。时的镜像，这里是设置为淘宝镜像，
vue3+vite项目启动报错 error when starting dev server:Error: listen EACCES: permission denied ::1:5173
最新发布
susu1083018911的博客
01-20 428
vue3+vite项目启动报错 error when starting dev server:Error: listen EACCES: permission denied ::1:5173
创建一个VUE项目（vue2和vue3）
c103363的博客
02-07 792
创建vue2和vue3项目
vue2和vue3共存，并分别创建项目
蜗牛~~
11-26 7439
首先我电脑之前重装了一次系统，因此之前全局安装的vue2的脚手架也不复存在（如果有全局加脚手架的话，先卸载再往下进行），今天就在此电脑中配置vue2和vue3的全局脚手架，就可以实现在一台电脑中，既可以创建vue2的项目也可以创建vue3的项目。以备不时之需。 一、安装vue-cli脚手架 （1）首先建立一个存放vue版本的文件夹，分别对应vue2和vue3 （2）然后进入vue3文件夹，直接在他的地址栏进行cmd回车，并执行安装命令 使用vue3必须确保@vue-cli版本在4.5.0以..
Vuecli3
qq_41558265的博客
06-08 741
VueCLI3的使用： VueCLI3与Vuecli2的使用略有不同。 cli3相比cli2的优势： 1：功能丰富：对babel、Typescript、ESLint...提供开箱即用的支持 2：易于扩展：它的插件系统可以让社区根据需求构建和共享可复用的解决方案 3：无需Eject：vue cli 完全可配置的，无需再使用webpack配置 4：CLI图形化界面：vue ui图形化界面创...
win11关于vue2和vue3实现版本共存的问题
Lilili522的博客
09-28 1419
vue2与vue3版本共存操作
vue-cli 版本3.0项目搭建和详解
一个懒惰前端的博客
05-27 7271
介绍 首先官方文档：https://cli.vuejs.org/ Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： cli：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） cli 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 inspect 命令） cli 插件：
利用Vue-cli3简单快速搭建前端项目架构
A_9888的博客
02-20 780
安装 如果在电脑上已经安装了vue-cli2.0如果想要把其替换成vue-cli3.0的话需要先卸载原有vue-cli2.0的版本。 npm uninstall vue-cli -g 卸载完成之后就直接安装vue-cli3.0就好了 npm install -g @vue/cli 检测是否安装成功 vue --version 通过上面的步骤就可完成vue-cli3.0的安装。 创建项目 在使用vue-cli2.0创建项目的时候，直接使用vue webpack init 项目名称这样工具就可以轻松创建一个项目
Vue-Cli3 - 从安装 nodejs 配置环境 ~ 搭建 cli 脚手架项目全过程
CYK_byte的博客
01-28 3419
以下过程凡是涉及到终端的使用，一定都要使用 管理员 方式打开！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值