vue2+vue3共存参考文档
vue2+node安装参考文档

补充:发现一篇写的非常好的文件,大家自接看这篇吧vue2+vue3共存

!!而我的情况是,已经安装vue2项目,再去安装vue3。vue2参考上面连接安装,并且配置了环境变量
当我需要使用vue3创建项目时,没有删除vue2的情况下,执行命令:npm install -g @vue/cli
执行命令:vue --version,输出的是vue2的版本号,因为全局变量配置vue2的缘故!!
输出版本号不对
npm install -g @vue/cli@4.5.9 是安装特定版本号的vue
百度查询,还有先删除版本
uninstall vue
通过截图,会发现也无法删除!!其实我的目的是希望共存,删除只是还没找到特别好的办法。
终于,皇天不负有心人,找到来自知乎网友的文章,但是发现和该网友的操作是反过里的,我是先安装vue2,而其先按照vue3,但八九不离十。

安装步骤:执行下面步骤,我把原来去全局安装的vue3文件夹都删除了,通过命令看看到:where vue
1.在D盘中创建存放vue3目录,执行命令:npm install @vue/cli@4.5.9,-g全局安装去掉
vue32.查看目录下,没有文件~~ 【应该和npm命令有关系,一般安装到AppData\Roaming\npm目录下】
vue3
3、执行where vue
whereVUE
可以看到D盘和C盘下都有,D盘就是我原来安装的vue2目录,C盘就是vue3的安装目录,
C:\Users\sysy\AppData\Roaming\npm\node_modules@vue\cli 下的package.json文件可以查看版本号

4、修改C:\Users\sysy\AppData\Roaming\npm下的vue和vue.cmd文件名vue3
vue3
5、在终端【可以是git Bash here、IDE编辑器(vscode,idea)有终端功能的、cmd等输命令行】
vue3
看到新的版本号

补充两条命令:
查看镜像:npm config get registry, 不是淘宝镜像升级
升级淘宝镜像:npm config set registry=http://registry.npm.taobao.org,升级后再查看会看到差别!!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐