升级vue3.x版本/降级vue2.x版本/vue2.x或者3.x创建项目

原创 已于 2022-10-08 09:39:59 修改 · 5.1k 阅读 · 14 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #webpack #javascript

于 2022-05-14 11:30:05 首次发布
本文详细介绍了如何从Vue 2.x版本升级到Vue 3.x，包括卸载和安装Vue CLI的步骤，以及分别针对2.x和3.x的项目初始化方法。通过对比Vue 2.x和3.x创建项目的命令，帮助开发者快速迁移和上手新版本。

升级vue 3.x版本

npm uninstall vue-cli -g
npm install -g @vue/cli

降级vue2.x方法

npm uninstall @vue/cli -g
npm install -g vue-cli

vue 2.x脚手架的安装以及初始化项目

// 创建项目
vue init webpack 项目名字

vue 3.x脚手架安装以及初始化项目

// 创建项目
vue create 项目名字
* swiper in ./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
12-15 5212
项目安装swiper轮播后，启动报错：
Vue2.x智慧商城项目(七)
这是个栗子的博客
10-17 434
1. 静态结构2. 封装接口3. 动态路由，获取参数4. 动态渲染。
vue3的代码改成vue2的转换
weixin_40945354的博客
04-02 9644
vue3 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue的方法_侠课岛(9xkd.com)</title> <script src="https://unpkg.com/vue@next"></script> </head> <body> <div id="hello-vue" class="
vue项目优雅降级，es6降为es5，适应低版本浏览器渲染
阿牛哥的博客
10-18 4491
vue项目优雅降级，es6降为es5，适应低版本浏览器渲染
如何搭建一个vue项目
CalvinXCui的博客
03-19 760
vue现在是前端开发中最火的一个框架，今天我们就一起来说说如何搭建一个vue框架 1、全局安装 vue-cli npm install --global vue-cli 注意：如果npm安装起来太慢，也可以使用国内阿里云的镜像cnpm进行安装，但使用cnpm之前必先安装cnpm的镜像，具体cnpm的安装方式可参考楼主博客首页相关文章。cnpm的使用方法和npm基本一致，只需要将npm换成c...
vue3降级到vue2的操作步骤
Sherry Tian的博客
11-09 5901
从vue3降级到vue2该如何操作
vue cli 3x降到2x
agua001的博客
03-22 2189
查看脚手架版本号： vue list -V 卸载3x npm uninstall -g @vue/cli 安装2x npm install -g vue-cli 注意23安装和卸载是不一样的 3x npm install -g @vue/cli npm uninstall -g @vue/cli 2x npm install -g vue-cli npm uninstall -g vue-cli 创建项目 vue init webpack vue-demo 注意这里很多朋友遇到： vue创建项
vue3到vue2组件重构方法笔记
山雀的博客
06-01 5013
vue3组件转化为vue2经验方法
在Windows下搭建Vue4.X开发环境以及版本切换
yandao的博客
11-10 451
安装node.js 说明 url 中文网 http://nodejs.cn/ 官网 https://nodejs.org/en/ 下载node-v14.15.0-x64.msi并安装 设置node的全局和缓存路径 创建两个文件夹node_cache,node_global cmd下设置全局和缓存路径 npm config set cache “D:\nodejs\node_cache” npm config set prefix"D:\nodejs\node_glob.
ERROR in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/editor/WangEditor.vue Module not found: Error: Can&#39;t resolve &#39;wangeditor&#39; in &#39;D:\TraWorkSpace\ulike-hrm-front\src\components\editor&#39; @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/editor/WangEditor.vue 9:0-36 @ ./src/components/editor/WangEditor.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/views/activity/activityNewUser.vue @ ./src/views/activity/activityNewUser.vue @ ./src/router/activity.js @ ./src/router/ys-router.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8025 webpack/hot/dev-server ./src/main.js
最新发布
11-28
如果问题仍然存在，请提供更多的上下文信息，例如：Vue项目的创建方式（Vue CLI版本）、Webpack版本、wangeditor版本、具体的错误堆栈信息等。 §§相关问题§§ 1. Vue项目中如何配置Webpack的别名（alias）？ 2....
error in ./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true&
热门推荐
ll回家了
07-21 1万+
使用vue框架构造，都能完成渲染 当下载和安装less 和less-loader的时候就开始报错 error in ./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true& 源代码可以运行。 当加上less的引用的时候就会开始报错 后来发现是less和less-loader的版本过高了 我使用的是4.1 和10.1的...
降低vue-router版本的两种方法
算法与编程之美
03-29 9378
一、引言vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。当我们在官网中安装路由或者安装时不注明版本，即默认安装router4.X，而我们创建的是vue2，只能结合 vue-router 3.x 版本才能使用。所以需要降低vue-router的版本。二、方法vue-router 4.x 只能结合 vue3 进行使用,v...
前端系列十一：Vue3较Vue2变化
WebYanXin的博客
12-29 442
一 新特性：Teleport 传送门： 它可以指定它里面内容的父元素 它可以在别的组件里使用，但是它可以让控制权还是在自己手上 写法： 在别的组件注册引用组件 在自己组件里写上功能 //to 代表要去的地方显示 一般传送门写在teleport标签里 <button @click="modelOpen = true">弹出一个模态框</button> <teleport to="body"&gt...
后台管理项目Vue3重构Vue2的过程（一）
SuBaijiu的博客
02-16 526
在学习Vue时如何用Vue3重构Vue2项目（一）
vue 升降版本，查看项目版本
weixin_49107940的博客
03-12 3539
vue升降版本
关于Vue3.0以上版本降级
qq_43236333的博客
08-31 5888
vue -V 查看本机vue版本 npm uninstall -g @vue/cli 卸载vue脚手架 npm install -g vue-cli vue -V 查看新版本
vue项目版本 降级_Iceworks 支持开发 Vue 项目并发布 2.0 版本
weixin_31190007的博客
01-31 627
飞冰 Vue 版全链路现已全部打通，配合 Vue 使用链路 Iceworks 也已经发布 2.0 版本。这次大版本升级，我们主要做了如下的事情：Iceworks 现已支持创建 Vue 项目下载或更新 Iceworks 之后，可以在『模板市场』看到 Vue 物料源并进行项目创建等操作。如果你没有看到，可以切换到『设置』面板，添加 Vue 物料源 http://ice.alicdn.com/asset...
前端系列十二：Vue3较Vue2的变化
WebYanXin的博客
12-29 424
变化一： is属性仅限于用在component标签上，以前Vue2时v-is可以写在标签里面, 最终写在 .component("row"，{ props:["data"], template: "<tr><td>{{this.data}}</td></tr>" }) 变化二： 底层api变化,不影响多数开发者 比如底层一些遇到传进来的值是undefine 或者没有值该怎么处理，是true还是flase，还是删除。 ...
学习记录——Vue3相对于Vue2的小改动
Concise200的博客
03-02 514
Vue3相对于Vue2的改动1. 全局API的转移2. 过度类名的更改3. 移除 注意：附上Vue3学习笔记，已经在学习笔记里记录的就不再记录了！！！ 1. 全局API的转移 Vue 2.x 有许多全局 API 和配置，例如：注册全局组件、注册全局指令等。Vue3.0中对这些API做出了调整，将全局的API，即：Vue.xxx调整到应用实例（app）上 2.x 全局 API（Vue） 3.x 实例 API (app) Vue.config.xxxx app.config.xxxx Vue
降级 vue-router 至一个兼容 vue@2.x 的版本。
09-30
降级 `vue-router` 至一个兼容 `vue@2.x` 的版本意味着你需要查找并安装一个在 Vue 2.x 环境下可用且功能相对稳定的 `vue-router` 发布版。由于 Vue 3 与 Vue 2 的 API 存在一些差异，所以不是所有的 Vue 3 特性和...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值