【mpvue】如何升级mpvue版本

简介: 1、查看当前mpvue版本打开小程序项目,在package.json文件中可以看到mpvue当前的版本,可以看出我当前mpvue的版本是"^2.0.0",意思是安装mpvue时,2.X.X的最新版本。

1、查看当前mpvue版本


打开小程序项目,在package.json文件中可以看到mpvue当前的版本,可以看出我当前mpvue的版本是"^2.0.0",意思是安装mpvue时,2.X.X的最新版本。


  "dependencies": {
    "mpvue": "^2.0.0",
    "vuex": "^3.0.1",
    "wafer2-client-sdk": "^2.1.0"
  },


2、升级mpvue版本


因为mpvue更新换代太快,之前的mpvue版本已经过时了,需要更新最新的版本。

mpvue当前没有直接升级的程序。所以我们需要重新生成一个项目,然后替代一下当前的文件夹


(1)运行vue init mpvue/mpvue-quickstart invest_fund1重新生成一个项目,其中invest_fund1是项目的名称,一直回车既可。


$ vue init mpvue/mpvue-quickstart invest_fund1
? Project name invest_fund1
? wxmp appid wxd2a52ff3594d8d7d
? Project description A Mpvue project
? Author xzn <xzn@stonescloud.com>
? Vue build runtime
? Use Vuex? Yes
? Use ESLint to lint your code? Yes
? 小程序测试,敬请关注最新微信开发者工具的“测试报告”功能
   vue-cli · Generated "invest_fund1".
   To get started:
     cd invest_fund1
     npm install
     npm run dev
   Documentation can be found at http://mpvue.com


(2)打开项目安装依赖以及必要的插件,安装完成后运行npm run dev,如果没有报错,说明项目已经创建成功。如果报错了,那么需要看一下是否还有别的项目中用到的插件没有安装。


其中wafer2-client-sdk、sass-loader、node-sass分别是支持http以及scss的。如果你没有用到这两个,可以不安装。


$ npm install
$ npm install --save wafer2-client-sdk
$ npm install sass-loader node-sass --save-dev


(3)替换必要的文件夹


将低版本项目中的src、server、static文件夹替换到高版本的项目中,然后运行npm run dev,将高版本的项目重新导入到微信开发者工具中,就可以了。

目录
相关文章
|
8月前
uniapp如何安装vant
uniapp如何安装vant
735 1
|
JavaScript 前端开发 小程序
mpvue踩坑-微信开发工具无法支持vue文件
mpvue踩坑-微信开发工具无法支持vue文件
93 0
|
5月前
|
JavaScript 测试技术 API
Vue 2 用得好好的,为什么要升级 Vue3 呢?升级真的值得嘛!!
Vue 2 用得好好的,为什么要升级 Vue3 呢?升级真的值得嘛!!
|
6月前
|
JavaScript 前端开发
react18【系列实用教程】moxb —— 集中状态管理 (2024最新版)
react18【系列实用教程】moxb —— 集中状态管理 (2024最新版)
62 0
|
小程序 JavaScript 前端开发
小程序第三方框架对比 (mpvue、wepy、taro)2
小程序第三方框架对比 (mpvue、wepy、taro)
|
移动开发 小程序 JavaScript
小程序第三方框架对比 (mpvue、wepy、taro)1
小程序第三方框架对比 (mpvue、wepy、taro)
|
JavaScript
ElementPlus已经发布啦
ElementPlus已经发布啦
|
资源调度 JavaScript 前端开发
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(搭建开发环境)
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(搭建开发环境)
282 0
|
SQL 开发框架 JavaScript
腾讯开源组件库tdesign-vue:新增组件时是如何初始化的
组件库在添加一个组件的时候,可能会涉及到很多初始化的问题,比如要添加组件库入口文件、组件的说明文档文件、demo例子的入口文件,单元测试的入口文件等等
381 0
|
小程序 JavaScript
mpvue小程序开发之 集成第三方UI框架Vant Weapp UI
mpvue小程序开发之 集成第三方UI框架Vant Weapp UI
457 0
mpvue小程序开发之  集成第三方UI框架Vant Weapp UI