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

Vue3.x升级与降级教程：从脚手架到项目初始化

原创已于 2022-10-08 09:39:59 修改 · 5.1k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #webpack #javascript

于 2022-05-14 11:30:05 首次发布

vue 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何从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 项目名字

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

广州湾兔老大

关注关注

3
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

* 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，适应低版本浏览器渲染

使用vue3重构升级vue2项目流程与总结

lwx33912138的博客

02-16

3246

使用vue3重构升级vue2项目流程与总结，vue2项目升级为vue3项目时候的注意事项与bug的处理研究

如何搭建一个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创建项

在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't resolve 'wangeditor' in 'D:\TraWorkSpace\ulike-hrm-front\src\components\editor' @ ./~/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

热门推荐

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的...

vue3到vue2组件重构方法笔记

山雀的博客

06-01

5013

vue3组件转化为vue2经验方法

降低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，还是删除。 ...

降级 vue-router 至一个兼容 vue@2.x 的版本。

09-30

降级 `vue-router` 至一个兼容 `vue@2.x` 的版本意味着你需要查找并安装一个在 Vue 2.x 环境下可用且功能相对稳定的 `vue-router` 发布版。由于 Vue 3 与 Vue 2 的 API 存在一些差异，所以不是所有的 Vue 3 特性和功能都适用于 Vue 2。为此，你需要查看 `vue-router` 的文档，找到提供对 Vue 2 兼容性的历史版本。比如，`vue-router@4.4.5` 可能没有针对 Vue 2.x 的特别说明，你可以回溯到它的历史版本列表，比如 `vue-router@4.4.0`、`4.3.x` 或更早的版本，直到找到一个明确表示支持 Vue 2.x 的版本。安装时使用命令如下（假设你要使用 `vue-router@4.3.8` 作为例子）： ```sh npm install vue-router@4.3.8 --save ``` 安装完成后，确认在项目的 `package.json` 中 `vue-router` 的版本已经更新，并且在你的项目代码中，使用 `import { Router } from 'vue-router';` 而不是 Vue 3 中的导入语法。注意，降级只是为了临时解决问题，长远来看还是推荐升级 Vue 以充分利用新的特性和优化。同时，也需要检查是否有其他库也依赖于 Vue 3，以免造成更多的依赖冲突。