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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章