-
Notifications
You must be signed in to change notification settings - Fork 3
微信小程序mpvue 部署资源
mpvue是基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
github链接:https://github.com/Meituan-Dianping/mpvue
官方文档:http://mpvue.com/
- 开发准备
- 模板
- 工具
- UI框架
- 组件
1.在微信公众平台注册申请AppID
2.安装开发者工具:在微信公众平台安装开发者工具,用于小程序调试
此为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
部署步骤详细说明:https://blog.csdn.net/Vanilla1119/article/details/88317312
github链接:https://github.com/pantt/mpvue2-typescript
官方配置的typescript版本
github链接:https://github.com/WingGao/mpvue-ts-demo
- 移除 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
github链接:https://github.com/wendux/fly/ 同时支持浏览器、小程序、Node、Weex的基于Promise的跨平台http请求库。可以让您在多个端上尽可能大限度的实现代码复用。
github链接:https://github.com/F-loat/mpvue-entry 集中式页面配置,避免重复编辑各页面的 main.js 文件,优化目录结构。
github链接:https://github.com/bigmeow/minapp-api-promise 将所有异步微信小程序API promise化,支持then/catch、async/await的方式调用小程序API;支持请求队列,支持对原生API进行拦截。
github链接:https://github.com/F-loat/mpvue-router-patch 在 mpvue 中使用 vue-router 兼容的路由写法。
Mpvue-WeUI是基于 mpvue 的一个小程序 UI 框架, 保留了 weui 的视觉规范,旨在提高小程序开发体验,同时让用户的使用感知更加统一。
github链接:https://github.com/MPComponent/mpvue-weui 官网文档:mpvue-weui文档
使用 mpvue 重写 zanui-weapp,实现了其中所有组件。
githun链接:https://github.com/armyja/mpvue-zanui
基于mpvue导入iview-weapp,这并不支持组件化npm安装,而是按照原生小程序导入第三方组件的方式导入项目中使用,示例可见github链接
github链接:https://github.com/wkl007/mpvue-iview-weapp iview-weapp官方文档:https://weapp.iviewui.com/
适用于 Mpvue 的 ECharts 组件