在全局vue2的基础上安装vue3（同时存在两个版本）

痛定思痛。 2024-04-17 17:15 32阅读 0赞

缘由：自从vue3出了之后，很火热，里面新增的功能也很不错例如vue ui。但是公司的项目都是以vue2为基础的，如果换版本势必出现问题，所以找到了在全局安装vue2的基础上安装vue3，同时存在着两个版本。

1.安装vue2不再赘述，全局直接安装就没得问题，我们直接从安装vue3开始。

2.先新建一个存放vue3的文件夹

![在这里插入图片描述][20190829103036627.png]  
3.打开这个文件夹的命令行

![在这里插入图片描述][20190829104221809.png]

4.开装

npm install @vue/cli

装好了之后，文件夹中有了node\_modules文件夹

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

5.进去文件夹

![在这里插入图片描述][2019082910465421.png]  
记得改个名字，因为全局的vue命令已经被vue2占用了，直接改个vue3

直接把文件夹拖入你的命令行，就会出现路径了直接执行  
![在这里插入图片描述][20190829104813387.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xiMTEzNTkwOTI3Mw_size_16_color_FFFFFF_t_70 1]

你会发现哇，这就是vue3了，但是现在这个vue3的执行命令有点长啊，那我们接下来就来设置全局变量，我是win10 的系统

摘自：[同一台电脑 实现 vue-cli2和vue-cli3同时并存][_ vue-cli2_vue-cli3]

我直接写了链接，大家直接跳转到全局配置即可，我这里不再赘述。

成功之后

![在这里插入图片描述][20190829105252408.png]

接下来就开始vue3的快乐旅程啦！

[20190829103036627.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/ea67fc7711194f548ac22c77f7e12f4a.png
[20190829104221809.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/70221ee81d294c4a9ba399355520e4f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xiMTEzNTkwOTI3Mw_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/fb3de7675e82497f93de2a0099d38628.png
[2019082910465421.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/0220be1a2c6c4fde883e74b0eaac25ea.png
[20190829104813387.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/6860618d770249d283acd1fdca3c122b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xiMTEzNTkwOTI3Mw_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/093e5697c6f249c7b3da7674d36e0ee5.png
[_ vue-cli2_vue-cli3]: https://blog.csdn.net/Jioho_chen/article/details/90455778
[20190829105252408.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/26a0e9c62e814787962483d6b57076ba.png

发表评论取消回复

表情：

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

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

相关阅读

相关在全局vue2的基础上安装vue3（同时存在两个版本）

由：自从vue3出了之后，很火热，里面新增的功能也很不错例如vue ui。但是公司的项目都是以vue2为基础的，如果换版本势必出现问题，所以找到了在全局安装vue2的基础...

痛定思痛。/ 2024年04月17日 17:15/ 0 赞/ 33 阅读

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

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

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

相关查看vue-cli版本的两个命令

前言有的时候想要查看自己的vue-cli的版本，但是不知道怎么查看，这个时候就可以使用这两个命令了注意：这两个命令都是在装了全局的vue-cli的基础上，并且通过c

柔光的暖阳◎/ 2023年09月23日 17:53/ 0 赞/ 4 阅读

相关 windows下载安装Vue开发者工具(VueDevtools)，同时支持vue2.0和vue3.0两个版本

前言 vue开发者工具可以帮助我们提高开发效率，如果不安装控制台老是现在这些东西，对我这种强迫症患者来说痛苦至极,下面我就介绍下我的安装步骤 ![在这里插入图片描述][

拼搏现实的明天。/ 2023年09月23日 12:52/ 0 赞/ 91 阅读

相关 Vue3 与 Vue2 的Props、全局组件的异同点！

> 作者：Matt Maribojoc > 译者：前端小智 > 来源：stackabuse > 有梦想，有干货，微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智

今天药忘吃喽~/ 2023年01月18日 15:30/ 0 赞/ 149 阅读

相关安装vue-cli 3.0+ 版本

vue-cli3.0之前版本安装使用命令：npm install vue-cli -g 如果已经安装了3.0之前版本，需要升级或安装，这时候就需要先卸载之前版本，命令：

灰太狼/ 2023年01月10日 05:24/ 0 赞/ 31 阅读

相关【数据库MySQL】windows上同时安装两个版本的mysql数据库

[windows上同时安装两个版本的mysql数据库][windows_mysql] my.ini 文件内容 [client] port = 3307

刺骨的言语ヽ痛彻心扉/ 2022年10月31日 00:50/ 0 赞/ 205 阅读

相关【vue】vue同时监听两个参数（A和B）

> `前言` vue同时监听表单里面的A和B A修改时，计算B的值，然后修改B B修改时，计算A的值，然后修改A ![在这里插入图片描述][20210202152

超、凢脫俗/ 2022年10月26日 14:23/ 0 赞/ 293 阅读

相关 Mac 系统同时安装两个不同版本的 JDK

一、JDK 下载 1.1 JDK8 版本链接: [https://pan.baidu.com/s/1t6DIpwHYzxNlWNziFqZu7w ][https_pa

约定不等于承诺〃/ 2022年09月14日 15:21/ 0 赞/ 167 阅读

相关 vue-cli全局安装

一、安装node.js后检查是否安装成功 node -v npm -v > node下载网址：http://nodejs.cn/download/

冷不防/ 2022年09月12日 04:58/ 0 赞/ 137 阅读