一台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 小时前
前后端分离与微服务架构如何协同?
前端·后端·前端框架
moMo6 小时前
React Hooks 与闭包
前端·react.js
ID34610744206 小时前
【课程设计】基于Spring Boot+Vue的游戏账号租赁系统的设计与实现-计算机毕设 附源码50345
javascript·vue.js·spring boot·python·node.js·php·课程设计
柚yuzumi6 小时前
彻底搞懂 JavaScript 类型转换:显式转换、隐式转换与 ToPrimitive
前端·javascript·node.js
向北丶6 小时前
vscode 导入语句排序和删除未使用的导入
前端·visual studio code
PHP实战开发录6 小时前
PHP接口偶发变慢怎么查
前端·php·开发
向北丶7 小时前
vite项目中配置alias别名
前端·vite
COOLMO研究AI7 小时前
Next.js App Router 中 sitemap、robots 与 canonical 的配置与排查
前端·web·js·网站优化
DyLatte7 小时前
AI 给了我 8 个优化方案,全都是对的,但没有一个有用
前端·后端·程序员
the局外人7 小时前
一座不够大的城市,装下了我毕业后的成长
前端·程序员·求职