vue-cli2与vue-cli3同时存在并全局调用

小咪咪 2023-10-11 15:27 3阅读 0赞

哎，遇到类似 vue-cli2 和 vue-cli3 不能同时存在的问题，也实在是让人头疼的，偏偏一些项目升级的同时又要维护旧的系统，下面康康如何解决吧。（windows系统）

vue-cli2 安装：

vue-cli2 是在几年前初识 vue 就安装在全局了的，现只要解决 vue-cli3 的全局配置即可。

npm install vue-cli@2.9.6   /* vue-cli2 安装命令 */

vue-cli3 安装：

vue-cli3 另外安装在其他任何文件夹下都可，使用命令：

npm install @vue/cli
    /* 使用下列命令检查是否安装成功，返回版本信息即成功 */
    vue --version || vue -V

接下来，找 vue-cli3 的安装目录，然后找到 node\_modules 文件夹 => .bin 文件夹 => vue 和 vue.cmd 的位置，改名为 vue3 vue3.cmd，见下图：

![d0a2faf2a7d44345c760307e07aa8018.png][]

![d0a2faf2a7d44345c760307e07aa8018.png][]

vue-cli3

配置环境变量：

此步骤最为重要，找到 vue2 和 vue3 分别对应的文件夹，配置进环境变量即可，注意配置需要至 bin 文件夹，系统会自动匹配到对应的文件名称，具体显示见下图：

环境变量

![0c83908dfe5eaf3d22ed6725f53b5c7c.png][]

**注意：修改文件名称并配置完成环境变量后，再次使用vue安装命令，应为修改后的名称：**

vue3 create myProject

如果项目能被正常创建，就说明你的电脑 vue2 和 vue3 版本可以被全局调用了！

[d0a2faf2a7d44345c760307e07aa8018.png]: https://img-blog.csdnimg.cn/img_convert/d0a2faf2a7d44345c760307e07aa8018.png
[0c83908dfe5eaf3d22ed6725f53b5c7c.png]: https://img-blog.csdnimg.cn/img_convert/0c83908dfe5eaf3d22ed6725f53b5c7c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue-cli2与vue-cli3同时存在并全局调用

哎，遇到类似 vue-cli2 和 vue-cli3 不能同时存在的问题，也实在是让人头疼的，偏偏一些项目升级的同时又要维护旧的系统，下面康康如何解决吧。（windows系统）

小咪咪/ 2023年10月11日 15:27/ 0 赞/ 4 阅读

相关 VueCli3项目解决打包问题

背景描述：自己之前做了一个vue的小案例，但是从来没有用过npm run build,果真遇到了挺多令人头疼的问题！然后在这里和大家分享一下！项目技术：VueCli3脚手

ゞ浴缸里的玫瑰/ 2023年09月26日 10:01/ 0 赞/ 36 阅读

相关 vueCli pwa模式增加

vue-cli2X或者vue-cli3X 文档见[官网][Link 1] 我们不用配置就可以跑起来，但是配置里面有些地方需要注意的而且不能乱改，自行看文档。配置常用的是

港控/mmm°/ 2023年07月18日 14:16/ 0 赞/ 127 阅读

相关 vuecli3.0 配置vue-router

安装直接在命令行打开项目目录然后输入以下代码进行安装 npm install vue-router 配置路由 1.使用`router-view`标签设

布满荆棘的人生/ 2023年06月15日 09:49/ 0 赞/ 129 阅读

相关 vuecli3 多页面配置

vuecli3 多页面配置项目结构 1. login文件配置（有配置路由） login文件目录 lo

落日映苍穹つ/ 2023年01月19日 03:24/ 0 赞/ 344 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 283 阅读

相关 VueCli3.0 rem 适配不同分辨率

npm install postcss-px2rem px2rem-loader --save utils / rem.js const baseSiz

逃离我推掉我的手/ 2022年10月06日 12:45/ 0 赞/ 187 阅读

相关使用vuecli3配置vux2热更新的问题

首先贴一下解决的代码 ![70][] 需要注意的是，我之前baseUrl都配错了，刷新的报错 “<”的错误，其实就是路径的问题，刷新后找不到文件上次用vuecli

绝地灬酷狼/ 2022年05月14日 06:26/ 0 赞/ 299 阅读

相关 Vuecli3+express实现跨域

目录一，本地跨域二，线上跨域 -------------------- 一，本地跨域首先，本地服务器地址开放的是3000端口，云服务器上开发的是4

阳光穿透心脏的1/2处/ 2021年07月25日 17:22/ 0 赞/ 614 阅读

相关 VueCli3中加载Cesium.js

更多Cesium示例代码：[https://sandcastle.cesium.com/][https_sandcastle.cesium.com] 首先下载Cesium.

缺乏、安全感/ 2021年07月25日 11:54/ 0 赞/ 1418 阅读