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,將高版本的項目重新導入到微信開發者工具中,就可以了。