1,新建两个文件夹,分别用于存放vue-cli2和vue-cli3
2,进入vue2文件夹下载安装vue-cli2.0
vue-cli2.0版本下载命令为npm安装vue-cli或者npm安装vue-cli@版本号,这里我指定了版本号,还有这里不要加- g,否则就会安装到全局位置检验
下载完毕,会生成一个“node_modules”文件夹,进入该文件夹下的。斌的文件夹——“F: \ Vue \ vue2 \ node_modules \。斌”
可以看到该文件夹下存放的是<代码> cmd 命令,因为是局部安装,所以在该目录下执行cmd命令vue - v <代码>
3,进入vue3文件夹下载安装vue-cli3.0
vue-cli3.0安装步骤与上面2.0的基本相同,唯一不同的就是下载安装命令为——“npm @vue/cli安装4,修改CMD命令名称
为了便于区分,我们修改两个版本的<代码> cmd 命令的名称,分别为<代码> vue-cli2 和<代码> vue-cli3
<代码>
5,配置环境变量
过程请看上图,最后一步要操作两次,分别添加2.0和3.0的cmd命令到环境变量,点浏览后,选择到。斌文件夹就可以了6,使用
使用<代码> vue-cli2.0 创建项目- - - - - - <代码> vue-cli2 init webpack
使用<代码> vue-cli3.0 创建项目- - - - - - <代码> vue-cli3创建我的项目代码
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
vue-cli2与vue-cli3在一台电脑共存的实现方法
