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

系列文章目录

上一篇 node.js 安装完成之后，有需要要切换vue-cli2.0和vue-cli3.0前后版本，在此记录两个版本同时处理使用的方法。
上一篇：Node.js图文安装教程以及环境配置

一、vue-cli脚手架3.0前后版本切换办法

3.0前后差异比较大，3.0-4.0差异并不大

1）、3.0 以下 ==> 3.0 以上

1. 先卸载3.0之前的：npm uninstall -g vue-cli;
2. 安装3.0之后的：npm install -g @vue/cli;
3. 更新npm：npm i npm -g;
4. 更新vue3.0之后的版本：npm i @vue/cli -g；
5. 更新淘宝镜像：cnpm i @vue/cli -g；

2）、3.0 以上 ==> 3.0 以下

1. npm uninstall -g @vue/cli;
2. npm install -g vue-cli;
3. npm i npm -g;
4. npm - vue-cli -g;
5. 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）、配置环境变量

测试

完成

---