MAC.同时安装vue2和vue3

已于 2022-07-11 14:22:27 修改
阅读量1.5k 收藏 7
点赞数
CC 4.0 BY-SA版权
分类专栏： Vue Vue2.0 文章标签： macos 前端 vue.js
于 2022-07-11 14:20:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_44963501/article/details/125720289
这篇博客介绍了如何在已有Vue2项目环境中搭建Vue3的学习环境。首先，在新创建的VUE3文件夹下，通过不带全局安装的npm命令设置Vue3。然后，修改.node_modules/.bin下的vue为vue3，并配置环境变量，将.bin文件夹路径添加到PATH中。接着，通过source命令更新环境变量并检查是否配置成功。最后，在VUE3目录下运行vue3-V验证安装，确保在该目录下可以使用Vue3命令，而在其他目录仍保持Vue2环境不变。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

公司项目是vue2.但是想学习vue3

  1. 新建一个文件夹夹 VUE3
    文件夹下输入
npm install @vue/cli
（*不可以带g。*）

成功后会多两个文件：
在这里插入图片描述

  1. 当前安装vue3文件夹下。shift cmmand 。 显示隐藏文件
    在这里插入图片描述

    /node-moudles/.bin/vue，把vue改成vue3。
    在这里插入图片描述

    • 终端输入：cd ~（建议使用iTerm2终端）
    • 终端输入 ：open -e .bash_profile (可编辑) open .bash_profile（只查看）
    • 添加上export PATH=PATH:[你的.bin文件夹路径]，例如：exportPATH=PATH:[你的.bin文件夹路径]， 例如：export PATH=PATH:[你的.bin文件夹路径]，例如：exportPATH=PATH:/Users/dfzx/Desktop/vue3/node_modules/.bin。
    • 然后保存，关闭编辑弹窗。
    • 更新刚配置的环境变量
      输入：source .bash_profile
    • 查看是否成功
      输入：echo $PATH
      在这里插入图片描述

  3. VUE3目录下查看是否安装成功
    vue3 -V
    在这里插入图片描述

  4. 然后就可以使用啦
    在这里插入图片描述

验证。其他文件夹。依然是vue2
在这里插入图片描述

在mac下 Vue2和Vue3并存 全局Vue2环境创建Vue3新项目（Vue cli2和Vue cli4）
qq_24428851的博客
07-07 815
找到vue3/node-moudles/.bin/vue，把vue改成vue3。添加成功后，即可在任意文件夹下，全局使用vue3的命令，可执行下面的命令验证下。自行在任意位置创建一个文件夹vue3，局部安装vue3,注意不要带-g。对环境变量进行配置， 或者./bash_profile ,以上就是vue2和vue3共存，且都可以全局使用的方法了。bash_profile和zshrc的区别 [安装完成后，进入目录，修改vue为vue3。通过下面的命令查看是否添加成功。添加自己安装的路径,
Vue.js 和 Vue 3 全面详解指南
最新发布
weixin_51040479的博客
03-26 1646
Vue.js（简称 Vue）是一个用于构建用户界面的渐进式 JavaScript 框架。
一台Mac同时安装vue2和vue3
c103363的博客
02-06 1796
电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue3
mac 共存 vue2和vue3，且可全局使用
u010749677的博客
04-04 2189
全局安装vue2 npm install vue-cli -g 自行在任意位置创建一个文件夹，局部安装vue3 npm install @vue/cli 安装完成后，对环境变量进行配置，这里我只对单个用户进行配置 vim ~/.bash_profile 添加自己安装的路径 export PATH=安装vue3文件夹的路径/node_modules/.bin:$PATH 保存后，需要执行source生效 source ~/.bash_profile 通过下面的命令查看是否添加成功 echo $PAT
【Mac】mac电脑（苹果）如何同时使用vue2和vue3的脚手架-vue版本共存
毛毛的博客
10-13 2056
vue版本切换，脚手架在Vue2和Vue3中间切换，给大家分享一下。
Mac 安装Vue(二)
zhu_19930414的博客
07-15 255
1.使用VCCode 编辑器打开 修改下面main.js 接入下面的代码 import 'iview/dist/styles/iview.css' //使用iview css Vue.use(iView); //使用iview组件 Vue.config.productionTip = false
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
在开发过程中，特别是在学习或工作上需要使用不同版本的Vue...对于经验丰富的开发者而言，这种共存方式也有助于他们在处理旧项目时，能够无缝地继续使用旧版本的Vue CLI进行开发，同时享受Vue CLI3带来的新特性和改进。
vuedevtools.6.5.0
07-27
Vue.js 是一款流行的前端JavaScript框架，它以简洁的API、高效的数据绑定和组件化开发而闻名。Vue DevTools 是一个强大的开发者工具，专为Vue.js应用程序设计，它可以帮助开发者进行实时调试、性能分析以及理解应用...
Mac下安装vue
12-02
在Mac操作系统上安装Vue.js框架，首先需要确保你已经安装了Node.js、npm以及cnpm。Node.js是JavaScript的服务器端运行环境，npm是它的包管理器，而cnpm是淘宝团队维护的一个国内镜像，可以加快包的下载速度。你可以...
mac 全局vue2同时安装vue3
qq_42355783的博客
06-25 1600
之前的项目都是都是vue2的项目，后来发现vue3更适合大型项目，所以在兼容以前vue2的项目情况下，我又在自己的mac电脑上安装vue3. 折腾了挺久，记一下。 首先局部安装vue3，比如在电脑新建一个vue3的文件夹。cd进入，然后进行安装，注意不要加-g，这个是全局安装的命令，需要2和3共存的话就不要用-g。 npm install @vue/cli 装完了之后在这个文件夹的路径下的终端执行vue，如果提示-bash: vue: command not found， mm:vue3 dfz
Vue3+与Vue2共存
书山有路
05-04 9783
目前大多数新项目都会采用Vue3+进行开发，然而在公司还需要维护一些之前使用老旧版本Vue2开发的项目，此时则需要我们在电脑上安装vue2与vue3+了。 1、 先来说说npm安装命令的参数-g -g参数可以将js包进行全局安装，即安装到当前用户目录下 比如使用命令 npm install -g @vue/cli 即可以安装最新版本vue到用户目录下，使用where vue 可以查看全局vue所在...
vue2+vue3共存
qq_33438449的博客
07-28 7045
vue2+vue3共存参考文档 vue2+node安装参考文档 ！！而我的情况是，已经安装vue2项目，再去安装vue3。vue2参考上面连接安装，并且配置了环境变量 当我需要使用vue3创建项目时，没有删除vue2的情况下，执行命令：npm install -g @vue/cli 执行命令：vue --version，输出的是vue2的版本号，因为全局变量配置vue2的缘故！！ npm install -g @vue/cli@4.5.9 是安装特定版本号的vue 百度查询，还有先删除版本 通过截图，会
macbook安装vue_mac 上安装vue，并创建项目 vue-cli3.x
weixin_39722917的博客
12-20 616
vue-cli2.x安装创建，可见下文章vue-cli3.x之前项目运行遇vue报错，提示vue-cli，查阅资料发现，是之前项目vue-cli版本问题解决：1.更换安装地址npm install npm -g2.卸载之前vue-cli版本npm uninstall -g vue-cli3.安装新版本npm install -g @vue/cliok,此刻问题处理完毕but，vue-cli3.0后...
macOS系统vue2.0配置前端开发环境
在写作的路上持续输出。
07-24 2269
macOS 配置前端开发环境，详细版 🎁
MAC电脑 M2 安装vue2项目依赖踩坑
Sophiaxnm的博客
12-08 1191
我之前单独安装vue-template-compiler是降版本与原有的vue（2.5.17）匹配，update是按照自然安装的vue-template-compiler版本（2.7.15）将其他的依赖，包括vue也更新了。1. 通过nvm安装最新的node版本 v14.15.4及以上版本都没有什么问题，但是当通过nvm安装v15.x.x一下版本node 时，就会出现如下报错：python not found。查百度，先安装vue-template-compiler，还是不行，猜会不会是版本不匹配，
同一台电脑 实现 vue-cli2和vue-cli3同时并存
qq_39167934的博客
05-09 1348
win下 vue-cli2 和 vue-cli3 并存，一起使用 开局一张图，内容慢慢编 文章目录win下 vue-cli2 和 vue-cli3 并存，一起使用 安装vue-cli版本 检验安装是否成功 修改vue2和vue3的名称 配置环境变量 打开环境变量所在位置 新建系统变量 最后修改Path变量 最后。重启电脑就行了 写在最后 vue2和vue3命令，分别代表了vue-cli2 和 vue-cli3的运行环境，是可以同时在一台电脑并存，使用，而且最重要的是，不用安装在C盘！ 如果你已经安装了
Vue2与Vue3共存于一台电脑 保姆级教程
程序员柒的博客
02-06 9408
提示：以下是本篇文章正文内容，下面案例可供参考右键我的电脑(此电脑) ----> 属性 —> 高级系统配置 —> 环境变量win11系统win10新建环境变量，目的是把我们的vue2和vue3的命令添加进去同理，vue3也是如此修改path变量双击path出现左边弹框。点击新建，输入以%包裹的变量名，中间的变量名就是你新建的环境变量。头尾分别加上%，别搞错了。注意：win10电脑追加path是上面所述，不是win10的话，直接在path后面用分号隔开例如：;%VUE_CLI2%;
mac安装nodejs，vue2, vue3
josephhao的博客
09-05 520
【代码】mac安装nodejs，vue2, vue3。
mac安装vue2和3
12-30
### 安装和配置 Vue.js 2.x 和 3.x 版本 #### Mac 上安装 Node.js 和 npm 为了在 Mac 上成功安装 Vue.js 的不同版本，首先需要确保已经安装了 Node.js 及其包管理工具 npm。可以通过 Homebrew 来简化这一过程。 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

高高i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值