一台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!

相关推荐
董员外5 分钟前
LangChain.js 快速上手指南:模型接入、流式输出打造基础
前端·javascript·后端
AomanHao9 分钟前
基于高德地图JS的旅游足迹,可嵌入个人博客中
前端
用户40993225021210 分钟前
Vue3组件开发中如何兼顾复用性、可维护性与性能优化?
前端·vue.js·trae
千寻girling10 分钟前
面试官 : “ 请问你实际开发中用过 函数柯理化 吗? 能讲一下吗 ?”
前端·javascript·面试
golang学习记12 分钟前
Claude Opus 4.6 正式发布:Agent 时代的编程王者与长上下文革命
前端·人工智能·后端
双向3315 分钟前
RAG实战解密:三步构建你的智能文档问答系统(附开源方案)
前端
DEMO派1 小时前
前端CSRF攻击代码演示及防御方案解析
前端·csrf
change_fate1 小时前
vite 修改base之后需要修改public路径
javascript·vue.js
REDcker1 小时前
Media Source Extensions (MSE) 详解
前端·网络·chrome·浏览器·web·js
带娃的IT创业者1 小时前
解密OpenClaw系列10-OpenClaw系统要求
人工智能·macos·ios·objective-c·ai智能体·智能体开发·openclaw