mpvue README

The project's README from github.com/Meituan-Dianping/mpvue. As one markdown file: README.md.

mpvue logo

npm npm

mpvue

Vue.js 小程序版, fork 自 vuejs/[email protected],保留了 vue runtime 能力,添加了小程序平台的支持。

mpvue 是一个使用 Vue.js 开发小程序的前端框架,目前支持 微信小程序、百度智能小程序,头条小程序 和 支付宝小程序。 框架基于 Vue.js,修改了的运行时框架 runtime 和代码编译器 compiler 实现,使其可运行在小程序环境中,从而为小程序开发引入了 Vue.js 开发体验。

mpvue 2.0

mpvue 2.0 开始正式支持 百度智能小程序、头条小程序 和 支付宝小程序,使用 mpvue-quickstart 项目模板新创建的项目,将默认升级到 2.0。老项目可继续使用原有版本。详情请参见 mpvue 2.0 升级指南

新版本的问题或建议,有请各位关注者及时反馈,mpvue 2.0 祝大家节日快乐~ -2019.02.14

mpvue 1.x 稳定版本

对于不升级 2.0 的项目,可以继续使用1.x 的大版本,目前1.x 会持续在 1.4.x 上继续维护 升级方式参见:1.x 稳定版说明

mpvue 文档

快速开始

我们精心准备了一个简单的 五分钟上手教程 方便你快速体验到 mpvue 带来的开发乐趣。

名称由来

主要特性

使用 mpvue 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:

其它特性正在等着你去探索。

配套设施

mpvue 作为小程序版本的 Vue.js,在框架 SDK 之外,完整的技术体系还包括如下设施。

使用 mpvue 的项目

贡献方法

更多项目征集

分享交流群

mpvue (Meituan-Dianping/mpvue)

webpack
Searching Database…

20.2K ·GitHub
What is this?mpvue is a front-end framework for building mini programs with Vue.js — a fork of vuejs/vue (2.4.1) with its runtime and compiler adapted to the mini program environment.
Do I write real Vue.js code with this, or some mini program dialect?Real Vue, not a dialect: mpvue keeps the Vue runtime and adds mini program platform support, so you write standard Vue components and use the regular vue-cli tooling.
How do I start a project?Scaffold a project with the mpvue-quickstart template through the Vue CLI tool (vue-cli) — the README links a five-minute quick-start tutorial. Development runs on a webpack build with hot reload.
Do I need to already know Vue.js to use it?Yes — the point is the full Vue.js development experience, so Vue knowledge is the prerequisite. Vuex is available for complex app state, and npm dependencies are supported.
Is the older 1.x branch still safe to use?Yes — projects that don't upgrade can stay on 1.x, which continues to be maintained on the 1.4.x line. Just note the newest README announcement is dated 2019-02-14, so check recent activity.
Which mini program platforms can I target with it?WeChat out of the box; mpvue 2.0 officially adds Baidu Smart Program, Toutiao, and Alipay, and projects created with the mpvue-quickstart template default to 2.0.
Can I turn an existing H5 web app into a mini program?Yes — one of the headline features is compiling H5 code into mini program target code, on top of writing Vue components directly.
What tools come with the framework?The ecosystem includes mpvue-loader (a webpack loader), mpvue-webpack-target, postcss-mpvue-wxss and px2rpx-loader for style conversion, the mpvue-quickstart project template, and mpvue-simple for quickly building Page and Component level pages.
Where does the name mpvue come from?mp is short for mini program, so mpvue reads as Vue.js in mini program.
What are similar projects?wepy, vue, taro, vux, vant-weapp, mdx, vConsole, vue-element-admin
Size
8.2 MB
Stars
20.2K
Age
8y
Commits · 90 Days