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,将高版本的项目重新导入到微信开发者工具中,就可以了。

Logo

前往低代码交流专区

更多推荐