vue2.0和vue3.0共存

如果之前装过vue2.0,先卸载掉

npm uninstall -g vue-cli

如果之前装过vue3.0,先卸载掉

npm uninstall -g @vue/cli

随便在一个目录下创建vue2和vue3文件夹

在vue2文件夹下打开打开cmd终端,本地安装vue2(注意不要加 -g,加了就是全局安装了)

npm install vue-cli

如果速度慢的话,也可以cnpm install vue-cli,前提是安装了cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org

在vue3文件夹下打开打开cmd终端,本地安装vue3(注意不要加 -g,加了就是全局安装了)

npm install @vue/cli@版本号

如果速度慢的话,也可以cnpm install @vue/cli@版本号

查看vue版本

记住要加版本号,不加版本号的话默认安装vue4(目前最新vue4)

检验安装是否成功

安装vue-cli后,会在当前目录下有一个 node_modules 的文件夹。这也就是局部安装vue所需要的模块的文件

进入 node_module/.bin/下执行vue -V(大写的V),看到版本号即安装成功

修改vue2和vue3的名称

接下来,找到安装vue的目录,然后找到 vue 和 vue.cmd 的位置。分别改名为 vue2、vue2.cmd 和 vue3、vue3.cmd

配置环境变量

右键我的电脑-属性-高级系统设置-环境变量

新建系统变量
分别新建变量名VUE_CLI2和文件目录、VUE_CLI3和文件目录
这里的目录就是我们安装vue的目录,而且找到.bin文件夹就可以了。

最后修改Path变量
这一步才是最重要的
先找到Path的位置,然后编辑

编辑Path的时候。可以移到路径的输入框的最后面
然后输入 ;%VUE_CLI2%;%VUE_CLI3%

最后验证

cmd终端命令行输入vue2 -V和vue3 -V,看到版本号即表示成功

多说一句

vue4安装与vue3一样

原文地址:https://www.cnblogs.com/ludadong/p/12600872.html