时间:2021-05-26
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/cli4、修改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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
安装vue-cli3环境准备1.如果您已安装vue-cli2,请先删除当前脚手架,否则无法成功安装vue-cli3。npmuninstallvue-cli-g2
前言vue-cli3推崇零配置,其图形化项目管理也很高大上。但是vue-cli3推崇零配置的话,导致了跟之前vue-cli2的配置方式都不一样了。别名设置,so
最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。首先,安装vue-cli3。npminstall-g@vue/cli安装好之后的项目是这样的
本文介绍了如何配置vue-cli3.0的vue.config.js,分享给大家,具体如下:vue-cli3英文文档vue-cli3中文文档webpack4plu
这个问题要从一个想法说起。D2Admin是一个开源的,前端中后台集成方案,原先是基于vue-cli2,大概是向vue-cli3过渡时,作者老李,想在页面右下角加