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

相关推荐
糕冷小美n12 小时前
elementuivue2表格不覆盖整个表格添加固定属性
前端·javascript·elementui
小哥不太逍遥12 小时前
Technical Report 2024
java·服务器·前端
沐墨染12 小时前
黑词分析与可疑对话挖掘组件的设计与实现
前端·elementui·数据挖掘·数据分析·vue·visual studio code
anOnion12 小时前
构建无障碍组件之Disclosure Pattern
前端·html·交互设计
threerocks12 小时前
前端将死,Agent 永生
前端·人工智能·ai编程
问道飞鱼13 小时前
【前端知识】Vite用法从入门到实战
前端·vite·项目构建
爱上妖精的尾巴13 小时前
8-10 WPS JSA 正则表达式:贪婪匹配
服务器·前端·javascript·正则表达式·wps·jsa
Zhencode13 小时前
Vue3响应式原理之ref篇
vue.js
rock——you14 小时前
macos如何升级到指定版本,而不是默认最新的版本。我的现在为15.3,如何升级到15.4,而不是最新的15.54
macos
打倒苦瓜蛋14 小时前
Mac typora安装 破解教程!!!
macos