vue老项目升级vue-cli3.0

第一步我们卸载全局的vue2.0然后;

打开命令行 输入npm install -g @vue/cli-init   这个就是会安装全局的vue3.0版本。安装好之后我们也可以vue -V查看当前vue的版本。我目前安装的3.5.3版本的。

当然这时候会有人想 那我之前vue2.0的项目怎么办?不用急,vue官网给了一个版本之前的桥接工具npm install -g @vue/cli-init

下载完后我们可以打开vue2.0的项目 npm run dev 运行就可以了。

链接(用新版本打开老项目):https://blog.csdn.net/Anticipate_/article/details/90216584

链接(怎么把老项目迁移到vue3.0项目中)2:https://blog.csdn.net/weixin_41849462/article/details/87917856

原文地址:https://www.cnblogs.com/wskb/p/12315801.html

时间: 2024-09-29 09:46:38

vue老项目升级vue-cli3.0的相关文章

gradle2.0笔记——让项目升级到gradle2.0

昨晚看到QQ群消息说gradle2.0发布了,今天去看了一下,确实是昨天发布的,为rc版本:Gradle 2.0-rc-2.于是决定试一下. gradle可以在官网上下载,地址如下:http://www.gradle.org/release-candidate.不过由于我许多项目因为兼容性问题目前暂时用不了gradle2.0,所以现在只能对我个别私人项目使用.如果你想让所有项目都用gradle2.0的话,可以下载gradle2.0然后解压,修改对应的环境变量指向到gradle2.0的目录.然后项

vue.js项目构建之vue-router2.0的使用

vue-router2.0官方文档地址:http://router.vuejs.org/zh-cn/index.html 单页应用? 单页应用程序(SPA,single page web application). SPA其实就是整个网站只有一个页面,只改变页面的显示内容,不需要改变整个网页. vue.js 的单页面应用是基于路由和组件的.路由用于设定访问路径,并将路径和组件映射起来.页面内容切换这里就是组件的切换. vue-router是vue.js官方的路由插件,适合构建单页面应用. vue

vue多项目配置,vuecli3.0+cross-env配置问题

cross-env相信大家都用过,这里就不过多描述,首先我们来安装cross-env npm install cross-env 或者yarn add cross-env 安装完成之后就可以在项目中使用,有些脚手架自带有cross-env(Ant-Design-Pro)所以就省去安装了 今天给大家介绍的是vue-cli脚手架3.0+之后cross-env的使用方式 之前一直使用的vue-cli2.0,2.0配置文件很多,在开发和生产配置文件中配置了cross-env中的变量之后就能正常使用了,

项目升级到ionic1.0.0正式版问题汇总

2015年ionic框架终于发布了1.0正式版,这周终于下决心把项目的四个平台版本(Android和iOS的手机和平板版本)都从几个月前的Beta13升级到了1.0,升级和测试整整折腾了一周,终于比较圆满地解决了升级问题. view缓存问题 ionic1.0.0 默认会缓存十个viewstate,这个应该是从AngularJS1.3版本引入的,这个功能可以让我们的应用中回退时更流畅.如果有些页面不需要缓存可以在state配置中设置cache:false, 或者在模板的ion-view 里面设置,

Webpack + Vue 多页面项目升级 Webpack 4 以及打包优化

0. 前言 早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章,当时也是我在做自己一个个人项目时遇到的配置问题,想到别人也可能遇到跟我同样的问题,就把配置的思路分享出来了,传送门在这里. 因为那份配置直到现在还有人在关注,同时最近公司帮助项目升级了 Webpack 4,趁机也把之前的配置也升级了一下,而且博客荒废了这么久,都快 9102 年了,不能连年均一篇博文都不到,所以有了下面的分享. 下面的配置主要是给在多页面下使用 Webpack 的同学在升级

vue 安装cli3.0版本,创建项目

注意:Vue CLI需要Node.js版本8.9或更高版本(建议使用8.11.0+). 查看node版本:node -v  , 查看npm 版本  npm -v, 1.首先需要安装node.js环境 2.如果在vue-cli全局安装了以前的(1.x或2.x)软件包,则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli. 3.使用以下命令行安装cli3  1.npm install -g @vue/cli     2.npm in

vue cli3.0用axios调用本地json数据一直报404

最近在基于vue做后台管理系统时,用了vue cli3.0用axios调用本地json数据一直报404,市面上所有的解决办法都没用,快崩溃了,结果最后发现原因是,vue cli3.0 public 文件夹才是静态资源文件,问题解决,记录一下,以后不再踩坑. 最近发现好多人都踩这个坑,索性把我的结构发出来. 参考地址:https://www.love85g.com/?p=1500 原文地址:https://www.cnblogs.com/dapengFly/p/11359456.html

vue3.0 vue create项目后无法初始化问题

刚开始照着菜鸟教程里面安装npm环境,所有的流程都没问题安装完vue的时候,查看里面的命令没有版老本的init 然后最终导致我npm run dev老是出现问题,最后网上找到的具体的解决办法. npm install -g @vue/cli vue create my-project 这是vue3.0的命令,如果想按照视频老师步骤来,可以这样安装: npm install -g @vue/cli npm install -g @vue/cli-init 执行后,就可以使用vue init web

AspNetCore MVC + Vue.Js 项目搭建

1.准备 全文重点在于搭建环境,其他相关知识点请百度. VS2017 升级到最新的版本 安装 net core 2.0 安装 npm (npm相关使用请百度或咨询前端小伙伴) 全局安装 webpack (webpack相关使用请百度或咨询前端小伙伴) vue 的使用 (推荐看一下vue创建的webpack项目模板) axios的使用,vue中用于调用后端接口的方法 2.创建AspNetCore MVC项目 3.清空项目 删除不必要的文件后,项目文件结果如下: 4.初始化项目 4.1 在项目web