【mpvue】如何升级mpvue版本

向右看齐 2022-02-18 12:31 227阅读 0赞

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