在全局安装了vue2的情况下使用vue3

最新推荐文章于 2024-08-24 22:19:38 发布
最新推荐文章于 2024-08-24 22:19:38 发布
阅读量459 收藏
点赞数
分类专栏： vue 前端 文章标签： vue.js npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/k54kdk/article/details/123602145
版权
本文介绍了如何从Vue2版本升级到Vue3。首先，通过`npm i @vue/cli`安装最新版Vue CLI。然后，在`./node_modules/bin`下找到并运行`vue.cmd`（或原本的vue3.cmd）。结果显示当前为Vue3环境。最后，展示的是成功运行Vue3项目的界面。
摘要由CSDN通过智能技术生成

执行vue --version

显然是vue2的版本

新建文件夹，执行命令

npm i @vue/cli

在./node_modules/bin文件夹下找到vue.cmd,拖入终端，图片中的vue3.cmd是笔者自己改的文件名，未修改文件名的情况下应该是vue.cmd

 运行项目界面

 

k54kdk
关注
专栏目录
Vue2与Vue3共存于一台电脑 保姆级教程
程序员柒的博客
02-06 8964
提示：以下是本篇文章正文内容，下面案例可供参考右键我的电脑(此电脑) ----> 属性 —> 高级系统配置 —> 环境变量win11系统win10新建环境变量，目的是把我们的vue2和vue3的命令添加进去同理，vue3也是如此修改path变量双击path出现左边弹框。点击新建，输入以%包裹的变量名，中间的变量名就是你新建的环境变量。头尾分别加上%，别搞错了。注意：win10电脑追加path是上面所述，不是win10的话，直接在path后面用分号隔开例如：;%VUE_CLI2%;
全局vue2下安装vue3遇到的问题
liujiaojiao666的博客
07-20 1637
vue2和vue3中使用的node版本不同, 引发的问题
在vue2项目中使用vue3
qq_43765727的博客
05-08 4027
如果想要使用setup语法糖 需要下载unplugin-vue2-script-setup组件。然后在.vue组件里面引入，就可以使用部分vue3的功能啦。安装@vue/composition-api插件。下载完后再main.js中引入并注册。
Vue2 使用步骤
最新发布
qq_75225791的博客
08-24 459
vue2操作步骤 1、全局安装 2、查看vue版本 3、创建项目架子 4、cd vue-dome1 5、启动项目
在vue2中使用vue3的核心功能（渐进式升级vue版本）
momDIY的博客
02-10 2963
学了真香的vue3语法，但目前的vue2项目中短期内不会再升级了，空有屠龙之术无法施展？来试试以下的解决方案，让你在vue2项目中也能用上vue3的核心语法
Vue2.7正式发布，终于可以在Vue2项目中使用Vue3的特性了，真香~
JEECG官方博客
10-25 2215
Vue2.7发布，可以在vue2项目中使用vue3的特性了
如何在vue2中使用vue3的一些特性
weixin_43591952的博客
01-19 1006
组合式 API 是 Vue 3 中引入的一项新特性，而 Vue 2.7 并不原生支持组合式 API。然而，你可能指的是 Vue 2.6 中的 Composition API 插件，这个插件可以在 Vue 2 中使用类似于 Vue 3 的组合式 API。在Vue 2中使用Vue 3的一些特性是不可能的，因为Vue 3的一些特性是基于新的内部架构和API进行的改进。然而，你可以尝试使用Vue 3的一些功能的替代方法或使用一些第三方库来实现类似的效果。
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
10-14
Vue CLI 3 和 2.x 使用相同的命令 `vue`，所以在全局安装 3.x 后，2.x 的版本会被覆盖。如果你需要使用 2.x 的 `vue init` 功能，可以安装一个桥接工具： ```bash npm install -g @vue/cli-init ``` 安装后，你...
vue2 全局变量的设置方法
08-27
Vue2 全局变量的设置方法 Vue2 中设置全局变量有两种方法：全局变量专用模块和全局变量模块挂载到 Vue.prototype 里。 1. 全局变量专用模块 全局变量专用模块是以一个特定模块来组织管理这些全局量，需要引用的...
在vue里面设置全局变量或数据的方法
11-28
- 在某些情况下，全局变量可能与Vue的其他功能（如生命周期钩子、组件选项等）冲突，因此应谨慎命名。 总结，通过创建自定义Vue插件并在`Vue.prototype`上挂载变量，可以在Vue应用中设置全局变量。这种方法简单易...
vue2项目升级至vue3(vue3+vite+ts)
仰望半月
08-11 9707
process.env.VITE_APP_baseUrl 换成 import.meta.env.VITE_APP_baseUrl。因为原来的是js，怕出问题，先换成main.js吧，index.html文件引入main.ts的地方也改下。Vue.prototype 替换为： app.config.globalProperties。main.js文件：（有些需要特别改动的先注掉，等项目先跑起来，后面再慢慢改吧）3、开始修改文件啦，把之前的代码都移植过来，包括src里面的。注意：获取环境配置的方法也变了。
基于vue2快速上手vue3
莞工杰仔的博客
01-26 4394
创建vue项目 首先现在德vue3已经成为了默认德版本了，现在的创建vue项目的方式有两种： 1：使用脚手架，不走和vue2大致是一样的但是需要注意的是我们vue的版本必须要在4.5以上才能创建vue3项目，现在如果你还再使用vue2过渡到vue3的时候必须要更新开发者工具，不然它无法工作 2：使用一个新的构建工具vite这是vue团队基于vue推出的一套工具，它于weakpack不同之处就在于weaked是将我们所有的代码打包好后，然后将所有的志愿上传到服务器，然后再生成一个服务器端口，vite的原
vue2.x 版本中体验vue3.x新特性
qq_33573589的博客
12-07 230
Vue 团队先后对外发布了 vue-function-api 和 vue-compisition-api 的 RFC 本次分享围绕最新发布的 vue-compisition-api，来讲解vue 3.0 的一些新特性，例如 setup() 函数、reactive()、ref() 等这些 Vue Hooks。 1、相关资源 【知乎 - Vue Function-based API RFC】https://zhuanlan.zhihu.com/p/68477600 2、初始化项目 1.安装 vue-cl
vue2.0和vue3.0在同一电脑上运行（超详细步骤）
aaa1111111q的博客
06-10 5372
由于现在公司项目都是vue2.0项目，个人又需要3.0来学习。所以需要在同一电脑安装两个版本的vue。1.在创建vue2.0和vue3.0两个文件夹,并且局部安装。 在vue2文件夹 执行命令 npm install vue-cli@2.x.x(版本根据自身来选择)， 在vue3文件夹执行命令 npm install @vue/cli 2.验证是否安装成功在两个文件夹中找到路径 \node_modules\.bin并且使用cmd打开并执行 会显示版本号即为安装成功3.修改vue2和
Vue2向Vue3过度核心技术快速入门
赵广陆
08-24 395
目录 1 为什么要学习Vue 2 什么是Vue 1.1 什么是构建用户界面 1.2 什么是渐进式 1.3 什么是框架 总结：什么是Vue？ 3 创建Vue实例 4 插值表达式 {{}} 4.1 作用：利用表达式进行插值，渲染到页面中 4.2 语法 4.3 错误用法 4.4 总结 5 响应式特性 5.1 什么是响应式？ 5.2 如何访问 和 修改 data中的数据（响应式演示） 5.3 总结 6 Vue开发者工具安装 7 Vue中的常用指令 8 内容渲染指令 9 条件渲染指令 10 事件绑定指令
在全局安装vue-cli3的基础上创建vue-cli2项目
bnagrui的博客
04-18 189
1.新建一个项目文件夹，命名为demo，将文件夹拖入到vscode中 2.在vscode终端中cd到demo文件夹中开始安装vue-cli，如下 npm i vue-cli 安装完成之后demo文件夹中会出现node_modules文件夹，运行如下命令查看vue版本 ./node_modules/.bin/vue.cmd -V 出现如下结果则说明安装成功 3.开始安装项目 ./node_modules/.bin/vue.cmd init webpack 一路回车，直到这三项时，都敲
vue3.0引入安装插件，安装好时，依赖（node-module）报错解决办法
weixin_42055163的博客
08-15 1955
删掉依赖，重新使用npm install & npm install -D安装，然后在安装插件就可以使用了，切记vue必须全局安装
vue2.x与vue3.x+vue4.x里使用全局scss
weixin_43887143的博客
05-04 790
vue2.x与vue3.x+vue4.x里使用全局scss vue2.x与vue3.x+vue4.x里使用全局scss 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能...
全局安装vue-cli2.0脚手架与vue-cli3.0脚手架
Misnice的博客
09-09 3200
先window + r输入cmd打开输入命令窗口(小黑屏幕) 全局安装vue2.0脚手架 npm install vue-cli -g 安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 启动项目命令 npm run dev 全局安装vue3.0脚手架 先查看当前vue-cli版本 打开cmd输入vue --version, 如果是2.0+...
使用Node.js全局安装与配置Vue-cli实战指南
"本文详细介绍了如何在Node.js环境中安装和使用Vue-cli，包括设置npm镜像源，全局安装Vue-cli，创建Vue项目，以及项目配置和运行的步骤。" 在进行前端开发时，Vue.js是一个非常流行的JavaScript框架，而Vue-cli则是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

k54kdk

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

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

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

打赏作者

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

抵扣说明：

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

余额充值