vue-cli2与vue-cli3在一台电脑共存的实现方法
1、新建两个文件夹,分别用于存放vue-cli2和vue-cli3
2、进入vue2文件夹下载安装vue-cli2.0
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
,结果如下则说明安装成功
3、进入vue3文件夹下载安装vue-cli3.0
vue-cli3.0安装步骤与上面的2.0基本相同,唯一不同的就是下载安装命令为-`npm install @vue/cli
4、修改CMD命令名称
为了便于区分,我们修改两个版本的cmd
命令的名称,分别为vue-cli2
和vue-cli3
5、配置环境变量
过程请看上图,最后一步要操作两次,分别添加2.0和3.0的cmd命令到环境变量,点浏览后,选择到.bin文件夹就可以了
6、使用
使用vue-cli2.0
创建项目---vue-cli2 init webpack
使用vue-cli3.0
创建项目---vue-cli3 create my-project
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
这篇文章主要介绍了解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题,需要的朋友可以参考下2017-11-11解决ant design vue中树形控件defaultExpandAll设置无效的问题
这篇文章主要介绍了解决ant design vue中树形控件defaultExpandAll设置无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10vue表单验证rules及validator验证器的使用方法实例
在vue开发中,难免遇到各种表单校验,下面这篇文章主要给大家介绍了关于vue表单验证rules及validator验证器使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-07-07vue-cli3.0 axios跨域请求代理配置方式及端口修改
这篇文章主要介绍了vue-cli3.0 axios跨域请求代理配置方式及端口修改,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
最新评论