同时安装vue-cli2和vue-cli3-Toy模板网

这篇具有很好参考价值的文章主要介绍了同时安装vue-cli2和vue-cli3。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

发布时间

vue版本	发布时间
Seed.js	2013年	vue最早版本最初命名为Seed
vue-js 0.6	2013年12月	更名为vue
vue-js 0.8	2014年1月	对外发布
vue-js 0.9	2014年2月	开始有代号：Animatrix
vue-js 0.12	2015年6月	代号：Dragon Ball，在社区有知名度
vue-js 1.0	2015年10月	代号：Evangelion，是 Vue 历史上的第一个里程碑，同年推出了 vue-router、vuex、vue-cli
vue-js 2.0	2016年10月	是第二个重要的里程碑，它吸收了 React 的虚拟 Dom 方案，还支持服务端渲染
vue-js 2.6	2019年2月	代号 Macross，这是一个承前启后的版本，在它之后，推出了 3.0.0
vue-js 3.0	2019年12月	Vue 3.0 源码公布

vue脚手架	发布时间	安装命令	创建项目	运行项目
vue-cli1	2015年12月
vue-cli2	2016年4月	npm i vue-cli -g	vue init webpack 项目名	npm run dev
vue-cli3	2018年1月	npm i @vue/cli -g	vue create 项目名	npm run serve
vue-cli4	2019年5月	npm i @vue/cli -g	vue create 项目名	npm run serve

C:\Users\ly-zhengzc>npm -v
6.14.17

C:\Users\ly-zhengzc>node -v
v14.20.0

vue-cli2和vue-cli3达到同时安装的目的

C:\Users\ly-zhengzc>vue2 -V
2.9.6

C:\Users\ly-zhengzc>vue3 -V
@vue/cli 5.0.8

新增目录： D:\Program\VUE_CLI_VERSION\VUE_CLI_2

安装vue-cli2，局部安装

npm i vue-cli

安装后配置环境变量

VUE_CLI_2
D:\Program\VUE_CLI_VERSION\VUE_CLI_2\node_modules\.bin
然后添加到 path 环境变量中

修改 D:\Program\VUE_CLI_VERSION\VUE_CLI_2\node_modules\.bin 中的 vue 和vue.bat 两个文件
修改为 vue2 和 vue2.bat

同时安装vue-cli2和vue-cli3

新增目录：D:\Program\VUE_CLI_VERSION\VUE_CLI_3
安装vue-cli3，局部安装

npm i @vue/cli

安装后配置环境变量

VUE_CLI_3
D:\Program\VUE_CLI_VERSION\VUE_CLI_3\node_modules\.bin
然后添加到 path 环境变量中

修改 D:\Program\VUE_CLI_VERSION\VUE_CLI_3\node_modules\.bin 中的 vue 和vue.bat 两个文件
修改为 vue3 和 vue3.bat

“vue-cli2”是基于webpack3打造的
“vue-cli3”是基于webpack4打造的

vue-cli 3 的设计原则是“0配置”，移除的配置文件根目录下的build和config等目录
vue-cli 3 提供了 vue ui 命令，提供了可视化配置，更加人性化
移除了static文件夹，新增了public文件夹，并且index.html移动到public中

参考
同时安装vue-cli2和vue-cli3

同时安装vue-cli2和vue-cli3

同时安装vue-cli2和vue-cli3 文章来源地址https://www.toymoban.com/news/detail-504216.html

到了这里，关于同时安装vue-cli2和vue-cli3的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！