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