一台Mac同时安装vue2和vue3

背景:电脑需要运行vue2和vue3项目,就得同时有vue2和vue3环境,之前以配置好vue2了,现在增加vue3

1. 新建一个安装vue3的目录

进入vue3文件夹安装vue3

bash 复制代码
// 注意这里没有参数-g,因为-g全局安装的命令
npm install @vue/cli

安装完后

进入vue3/node-moudles/.bin/下,把vue这个文件改成vue3

改完后效果

2. 配置环境变量

进入配置文件

bash 复制代码
vim ~/.bash_profile

添加vue3目录下的/node_modules/.bin目录

export PATH=$PATH:vue3/node_modules/.bin文件夹路径

我这里是/Users/caishengnan/environment/vue3/node_modules/.bin

输入wq保存退出

最后输入source ~/.bash_profile让修改的配置文件生效

bash 复制代码
source ~/.bash_profile

在任何路径下的终端输入vue3 -V,校验配置成功

bash 复制代码
vue3 -V

输入:vue -V校验原先的vue也还在

bash 复制代码
vue -V

3. 创建一个vue3项目

注意:这里使用的是vue3命令,而不是vue

bash 复制代码
vue3 create frist-vue3-project

大功告成END!

相关推荐
小雨下雨的雨2 分钟前
近视度数模拟器鸿蒙PC Electron框架技术实现详解
前端·javascript·electron
喜欢踢足球的老罗7 分钟前
逆向 WhatsApp Web:前端 SDK 深度剖析与 Chrome 插件实战指南
前端·chrome
roseonly_h7 分钟前
如何将钉钉微应用在浏览器打开
前端·钉钉
小雨下雨的雨17 分钟前
鸿蒙PC用Electron框架——Canvas蜡笔抖动效果实现技术深度解析
前端·javascript·华为·electron·鸿蒙系统
ZC跨境爬虫19 分钟前
跟着 MDN 学CSS day_49:定位实例练习从入门到精通
前端·css·学习
前端小万19 分钟前
用AI两小时开发上架的小程序,单日新增用户173
前端·微信小程序
道友可好23 分钟前
Spec Kit:GitHub 官方出品,规范即代码
前端·人工智能·后端
木斯佳27 分钟前
前端八股文面经大全:磐松私募-27届前端实习一面(2026-05-27)·面经深度解析
前端
万粉变现经纪人29 分钟前
2026最新Windows11系统CMD安装Claude Code 快速接入DeepSeek V4 Pro在VSCode编程工具中使用保姆级入门教程指南
linux·运维·ide·windows·vscode·macos·编辑器
薛先生_09931 分钟前
声明式导航(route-link)(跳转传参)
前端