快活林资源网 Design By www.csstdc.com

1、新建两个文件夹,分别用于存放vue-cli2和vue-cli3

vue-cli2与vue-cli3在一台电脑共存的实现方法

2、进入vue2文件夹下载安装vue-cli2.0

vue-cli2与vue-cli3在一台电脑共存的实现方法

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

检验

下载完毕,会生成一个`node_modules`文件夹,进入该文件夹下的`.bin`文件夹--`F:\Vue\vue2\node_modules\.bin`

可以看到该文件夹下存放的是cmd命令,因为是局部安装,所以在该目录下执行cmd命令vue -V,结果如下则说明安装成功

vue-cli2与vue-cli3在一台电脑共存的实现方法

3、进入vue3文件夹下载安装vue-cli3.0

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

4、修改CMD命令名称

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

vue-cli2与vue-cli3在一台电脑共存的实现方法

vue-cli2与vue-cli3在一台电脑共存的实现方法

5、配置环境变量

vue-cli2与vue-cli3在一台电脑共存的实现方法

过程请看上图,最后一步要操作两次,分别添加2.0和3.0的cmd命令到环境变量,点浏览后,选择到.bin文件夹就可以了

6、使用

使用vue-cli2.0创建项目---vue-cli2 init webpack

vue-cli2与vue-cli3在一台电脑共存的实现方法

使用vue-cli3.0创建项目---vue-cli3 create my-project

vue-cli2与vue-cli3在一台电脑共存的实现方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

快活林资源网 Design By www.csstdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
快活林资源网 Design By www.csstdc.com

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。