vue-cli2与vue-cli3同时存在并全局调用
2022-02-24 本文已影响0人
翟小乙
遇到类似 vue-cli2 和 vue-cli3 不能同时存在的问题,也实在是让人头疼的,偏偏一些项目升级的同时又要维护旧的系统,下面康康如何解决吧。(windows系统)
vue-cli2 安装:
vue-cli2 是在几年前初识 vue 就安装在全局了的,现只要解决 vue-cli3 的全局配置即可。
npm install vue-cli@2.9.6 /* vue-cli2 安装命令 */
vue-cli3 安装:
vue-cli3 另外安装在其他任何文件夹下都可,使用命令:
npm install @vue/cli
/* 使用下列命令检查是否安装成功,返回版本信息即成功 */
vue --version || vue -V
接下来,找 vue-cli3 的安装目录,然后找到 node_modules 文件夹 => .bin 文件夹 => vue 和 vue.cmd 的位置,改名为 vue3 vue3.cmd,见下图:
image.png
image.png
vue-cli3配置环境变量:
此步骤最为重要,找到 vue2 和 vue3 分别对应的文件夹,配置进环境变量即可,注意配置需要至 bin 文件夹,系统会自动匹配到对应的文件名称,具体显示见下图:
image.png
注意:修改文件名称并配置完成环境变量后,再次使用vue安装命令,应为修改后的名称:
vue3 create myProject
如果项目能被正常创建,就说明你的电脑 vue2 和 vue3 版本可以被全局调用了!