mac 全局vue2同时安装vue3

之前的项目都是都是vue2的项目,后来发现vue3更适合大型项目,所以在兼容以前vue2的项目情况下,我又在自己的mac电脑上安装vue3. 折腾了挺久,记一下。

首先局部安装vue3,比如在电脑新建一个vue3的文件夹。cd进入,然后进行安装,注意不要加-g,这个是全局安装的命令,需要2和3共存的话就不要用-g。

npm install @vue/cli

装完了之后在这个文件夹的路径下的终端执行vue,如果提示-bash: vue: command not found,

mm:vue3 dfzxit06$ vue --version
-bash: vue: command not found

那再继续下一步,我的就是一直在提示这个。找到vue3/node-moudles/.bin/vue,这个文件,如果不显示隐藏文件的话同事按住command+shift+. ,显示隐藏文件和文件夹,把vue改成vue3。

然后进入终端,输入

vim ~/.bash_profile

输入i,进行编辑,添加上export PATH=$PATH:[你的.bin文件夹路径],列如

export PATH=$PATH:/Users/dfzx/Desktop/vue3/node_modules/.bin。esc退出编辑模式,然后:wq保存退出。最后输入

source ~/.bash_profile

然后在任何路径下的终端输入vue3 --version,有版本信息,就成功啦。测试以前的vue2的项目还是可以正常运行的。

mm:~ dfzxit06$ vue3 --version
@vue/cli 4.5.13

### 安装配置 Vue.js 2.x 3.x 版本 #### Mac安装 Node.js npm 为了在 Mac 上成功安装 Vue.js 的不同版本,首先需要确保已经安装了 Node.js 及其包管理工具 npm。可以通过 Homebrew 来简化这一过程。 ```bash brew install node ``` 这一步骤会自动安装最新稳定版的 Node.js 并附带 npm[^2]。 #### 配置 NPM 源 为了让后续依赖项下载更加迅速平稳,建议更换国内镜像源: ```bash npm config set registry https://registry.npmmirror.com/ ``` #### 安装 Vue CLI 无论是 Vue 2 还是 Vue 3,都需要通过 Vue CLI 创建新项目或管理现有项目。可以全局安装 `@vue/cli` 工具来实现这一点: ```bash npm install -g @vue/cli ``` 此命令适用于同时支持 Vue 2 Vue 3 的开发工作流。 #### 使用 Vue CLI 创建特定版本的应用程序 ##### 对于 Vue 2.x 应用: 创建基于 Vue 2 的应用时,指定模板选项为 vue2 即可: ```bash vue create my-vue2-app cd my-vue2-app vue ui # 启动图形界面辅助设置,默认使用 Vue 2 构建预设 ``` ##### 对于 Vue 3.x 应用: 当希望构建一个全新的 Vue 3 项目,则可以在初始化过程中选择默认配置或是手动挑选特性,并确认采用最新的 Vue 版本作为基础框架: ```bash vue create my-vue3-app # 在提示符下选择 "Manually select features" # 确认选用 Vue 3 runtime/compiler modules ``` #### 修改端口 (如有必要) 如果遇到端口冲突或其他原因需更改服务启动端口,可在项目的 package.json 文件内调整 scripts 节点下的 serve 命令参数,或者直接编辑 .env 或者其他环境变量文件来设定 VITE_PORT 环境变量以改变默认监听地址。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值