Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Meituan-Dianping/mpvue
基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
https://github.com/Meituan-Dianping/mpvue
mini mpvue vue weapp wxmp
Last synced: about 2 months ago
JSON representation
基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
- Host: GitHub
- URL: https://github.com/Meituan-Dianping/mpvue
- Owner: Meituan-Dianping
- License: mit
- Created: 2018-03-07T03:09:25.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-03-02T04:31:30.000Z (almost 3 years ago)
- Last Synced: 2024-10-14T10:12:10.937Z (about 2 months ago)
- Topics: mini, mpvue, vue, weapp, wxmp
- Language: JavaScript
- Homepage: http://mpvue.com
- Size: 8 MB
- Stars: 20,417
- Watchers: 598
- Forks: 2,074
- Open Issues: 467
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
- stars - Meituan-Dianping/mpvue
- favorite-link - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
- awesome-github-star - mpvue - Dianping | 20423 | (JavaScript)
- awesome-wechat-app - mpvue ★19k+ - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系 (工具)
- awesome-made-by-chinese - mpvue
- StarryDivineSky - Meituan-Dianping/mpvue
- awesome-quick-dev - mpvue - Dianping/mpvue?style=flat-square) (小程序与App / Web管理后台通用)
- awesome-wechat-weapp - mpvue ★20.4k+ - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系 (工具)
- awesome-wechat-weapp - mpvue ★13k+ - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系 (工具)
README
# mpvue
> Vue.js 小程序版, fork 自 [vuejs/[email protected]](https://github.com/vuejs/vue),保留了 vue runtime 能力,添加了小程序平台的支持。`mpvue` 是一个使用 [Vue.js](https://vuejs.org) 开发小程序的前端框架,目前支持 `微信小程序`、`百度智能小程序`,`头条小程序` 和 `支付宝小程序`。 框架基于 `Vue.js`,修改了的运行时框架 runtime 和代码编译器 compiler 实现,使其可运行在小程序环境中,从而为小程序开发引入了 `Vue.js` 开发体验。
## mpvue 2.0
mpvue 2.0 开始正式支持 **百度智能小程序**、**头条小程序** 和 **支付宝小程序**,使用 `mpvue-quickstart` 项目模板新创建的项目,将默认升级到 2.0。老项目可继续使用原有版本。详情请参见 [**mpvue 2.0 升级指南**](https://github.com/Meituan-Dianping/mpvue/releases/tag/2.0.0)
**新版本的问题或建议,有请各位关注者及时反馈,mpvue 2.0 祝大家节日快乐~** -2019.02.14
### mpvue 1.x 稳定版本
**对于不升级 2.0 的项目,可以继续使用1.x 的大版本,目前1.x 会持续在 1.4.x 上继续维护** 升级方式参见:[1.x 稳定版说明](https://github.com/Meituan-Dianping/mpvue/releases/tag/2.0.0)[mpvue 文档](http://mpvue.com)
## 快速开始
我们精心准备了一个简单的 [五分钟上手教程](http://mpvue.com/mpvue/quickstart) 方便你快速体验到 `mpvue` 带来的开发乐趣。
## 名称由来
- `mp`:mini program 的缩写
- `mpvue`:Vue.js in mini program## 主要特性
使用 `mpvue` 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:- 彻底的组件化开发能力:提高代码复用性
- 完整的 `Vue.js` 开发体验
- 方便的 `Vuex` 数据管理方案:方便构建复杂应用
- 快捷的 `webpack` 构建机制:自定义构建策略、开发阶段 hotReload
- 支持使用 npm 外部依赖
- 使用 `Vue.js` 命令行工具 vue-cli 快速初始化项目
- H5 代码转换编译成小程序目标代码的能力其它特性正在等着你去探索。
## 配套设施
`mpvue` 作为小程序版本的 `Vue.js`,在框架 SDK 之外,完整的技术体系还包括如下设施。- [mpvue-loader](http://mpvue.com/build/mpvue-loader) 提供 webpack 版本的加载器
- [mpvue-webpack-target](http://mpvue.com/build/mpvue-webpack-target) webpack 构建目标
- [postcss-mpvue-wxss](http://mpvue.com/build/postcss-mpvue-wxss) 样式代码转换预处理工具
- [px2rpx-loader](http://mpvue.com/build/px2rpx-loader) 样式转化插件
- [mpvue-quickstart](http://mpvue.com/mpvue/quickstart) mpvue-quickstart
- [mpvue-simple](http://mpvue.com/mpvue/simple) 辅助 mpvue 快速开发 Page / Component 级小程序页面的工具
- 其它## 使用 mpvue 的项目
[贡献方法](./.github/CONTRIBUTING.md)
[更多项目征集](https://github.com/Meituan-Dianping/mpvue/issues/21)
[分享交流群](https://github.com/Meituan-Dianping/mpvue/issues/14)