vue-cli2.0和vue-cli3.0前后版本切换办法以及两个版本同时存在

一、vue-cli脚手架3.0前后版本切换办法
3.0前后差异比较大，3.0-4.0差异并不大

1）、3.0 以下 ==> 3.0 以上
先卸载3.0之前的：npm uninstall -g vue-cli;
安装3.0之后的：npm install -g @vue/cli;
更新npm：npm i npm -g;
更新vue3.0之后的版本：npm i @vue/cli -g；
更新淘宝镜像：cnpm i @vue/cli -g；

 

 

 

 

2）、3.0 以上 ==> 3.0 以下
npm uninstall -g @vue/cli;
npm install -g vue-cli;
npm i npm -g;
npm - vue-cli -g;
cnpm i vue-cli -g;
注意：npm install 报错 ERR! node-sass@4.13.1 postinstall:node scripts/build.js``

 

 这个是因为sass安装时获取源的问题，修改sass安装的源，使用taobao的npm

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

然后运行 npm install 就可以了

---

二、两种版本同时存在

因为电脑上的是3.0之后的，现在有需要使用3.0之前的版本，更多的是使用3.0之后。

1）、找一个地方新建

 

 

2）、进入cli2 文件夹下 打开cmd

npm install vue-cli@2.9.6

vue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置

下载之后输入npm 命令报错

 

 

复制一个cpm文件进去就可以了

在cli2文件夹中先新建一个node_modules文件夹

进入node_modules文件夹下的.bin文件夹–E:\nodejs\vue-cli\vue-cli2\node_modules\.bin

 

 

安装成功

vue-cli3.0安装步骤与上面的2.0基本相同，唯一不同的就是下载安装命令为 `npm install @vue/cli

 

 

为了便于区分，我们修改两个版本的cmd命令的名称，分别为vue-cli2和vue-cli3

3）、修改cmd命令名称

为了便于区分，我们修改两个版本的cmd命令的名称，分别为vue-cli2和vue-cli3

 

 

 

 

 

4）、配置环境变量

 

 测试

 

 

————————————————
版权声明：本文为CSDN博主「菜鸡本鸡」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_40663855/article/details/114697964