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

相关推荐
旺王雪饼 www9 分钟前
localStorage 和 sessionStorage区别与联系
服务器·前端·javascript
道友可好18 分钟前
Superpowers vs OpenSpec vs Spec Kit:该选哪个?
前端·人工智能·后端
এ慕ོ冬℘゜19 分钟前
【双月日期范围选择器】博客(可直接交作业 / 上线)
前端·javascript·交互·jquery
技术小结-李爽32 分钟前
Mac快捷键设计规律总结
macos·键盘
铁锚42 分钟前
macOS 禁用 mediaanalysisd
macos·策略模式
问心无愧05131 小时前
ctf show web入门102
android·java·前端·笔记
前端尤雨西1 小时前
package.json 中版本号遵循什么原则
前端
用户81423861188411 小时前
CSS或JS实现逐帧动画方案
前端
光影少年1 小时前
react性能优化
前端·react.js·掘金·金石计划
深蓝电商API1 小时前
逆向工程入门:从Chrome DevTools到JS混淆还原
前端·javascript·chrome·爬虫·chrome devtools