微信小程序mpvue-部署资源

微信小程序mpvue-部署资源

mpvue是基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。

github链接：https://github.com/Meituan-Dianping/mpvue

官方文档：http://mpvue.com/

目录

• 开发准备
• 模板
• 工具
• UI框架
• 组件

开发准备

1.在微信公众平台注册申请AppID

2.安装开发者工具：在微信公众平台安装开发者工具，用于小程序调试

模板

1.mpvue-quickstart

此为mpvue官方使用.vue-cli快速搭建模板

  # 全局安装 vue-cli
  $ npm install --global vue-cli
  # 创建一个基于 mpvue-quickstart 模板的新项目
  $ vue init mpvue/mpvue-quickstart my-project
  # 安装依赖
  $ cd my-project
  $ npm install
  # 启动构建
  $ npm run dev

2.mpvue2.x+typescript+webpack3.x

部署步骤详细说明：https://blog.csdn.net/Vanilla1119/article/details/88317312

github链接：https://github.com/pantt/mpvue2-typescript

3.mpvue-ts-demo

官方配置的typescript版本

github链接：https://github.com/WingGao/mpvue-ts-demo

4.mpvue-quickstart

• 移除 express 等无关依赖
• 引入 mpvue-entry，移除冗余的 main.js 文件
• 引入 mpvue-config-loader，支持在 vue 文件中书写页面配置
• 引入 mpvue-router-patch，支持使用类 vue-router 的 api
• 引入 vant-weapp，全局配置原生组件库，快速搭建页面
• 支持官方分包（mpvue-loader@^1.1.0），简化配置方式

github链接：https://github.com/F-loat/mpvue-quickstart

工具

axios

mpvue中也可以使用axios
部署详情请参考：微信小程序mpvue中封装axios(js或ts适用)

flyio

github链接：https://github.com/wendux/fly/
同时支持浏览器、小程序、Node、Weex的基于Promise的跨平台http请求库。可以让您在多个端上尽可能大限度的实现代码复用。

mpvue-entry

github链接：https://github.com/F-loat/mpvue-entry
集中式页面配置，避免重复编辑各页面的 main.js 文件，优化目录结构。

minapp-api-promise

github链接：https://github.com/bigmeow/minapp-api-promise
将所有异步微信小程序API promise化，支持then/catch、async/await的方式调用小程序API;支持请求队列，支持对原生API进行拦截。

mpvue-router-patch

github链接：https://github.com/F-loat/mpvue-router-patch
在 mpvue 中使用 vue-router 兼容的路由写法。

UI框架

mpvue-weui

Mpvue-WeUI是基于 mpvue 的一个小程序 UI 框架， 保留了 weui 的视觉规范，旨在提高小程序开发体验，同时让用户的使用感知更加统一。

github链接：https://github.com/MPComponent/mpvue-weui
官网文档：mpvue-weui文档

mpvue-zanui

使用 mpvue 重写 zanui-weapp，实现了其中所有组件。

githun链接：https://github.com/armyja/mpvue-zanui

mpvue-iview-weapp

基于mpvue导入iview-weapp，这并不支持组件化npm安装，而是按照原生小程序导入第三方组件的方式导入项目中使用，示例可见github链接

github链接：https://github.com/wkl007/mpvue-iview-weapp
iview-weapp官方文档：https://weapp.iviewui.com/

组件

图表组件

mpvue-echarts

适用于 Mpvue 的 ECharts 组件

github链接：https://github.com/F-loat/mpvue-echarts