【mpvue】如何升级mpvue版本

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