vue-cli2与vue-cli3同时存在并全局调用

遇到类似 vue-cli2 和 vue-cli3 不能同时存在的问题,也实在是让人头疼的,偏偏一些项目升级的同时又要维护旧的系统,下面康康如何解决吧。(windows系统)

vue-cli2 安装:

vue-cli2 是在几年前初识 vue 就安装在全局了的,现只要解决 vue-cli3 的全局配置即可。

npm install [email protected] /* 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 版本可以被全局调用了!

你可能感兴趣的:(vue-cli2与vue-cli3同时存在并全局调用)