专栏首页极乐技术社区基于 Vue.js 的小程序开发框架

基于 Vue.js 的小程序开发框架

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

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 带来的开发乐趣。 名称由来

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 提供 webpack 版本的加载器
mpvue-webpack-target webpack 构建目标
postcss-mpvue-wxss 样式代码转换预处理工具
px2rpx-loader 样式转化插件
mpvue-quickstart mpvue-quickstart
mpvue-simple 辅助 mpvue 快速开发 Page / Component 级小程序页面的工具
其它

本文分享自微信公众号 - 极乐技术社区(wxapp-union),作者:小程序社区

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-05-31

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 探索支付宝小程序:如何与前端工程结合?

    小程序的技术栈中,最吸引人的点莫过小程序专属流量入口了,例如小程序收藏、小程序搜索。小程序作为一个全新的生态,上手开发会和一般的前端技术栈,有很大的差别。那么小...

    极乐君
  • kbone,十分钟让 Vue 项目同时支持小程序

    微信小程序开发过程中,许多开发者会遇到 小程序 与 Web 端一起的需求,由于 小程序 与 Web 端的运行环境不同,开发者往往需要维护两套类似的代码,这对开发...

    极乐君
  • 干货 | van+mpvue开发微信小程序入门

    基于van、mpvue开发的微信小程序,记录了开发前的技术选型、开发时如何搭建环境、上手项目、踩坑等。

    极乐君
  • 使用 Mpvue 开发微信小程序的最佳实践

    小程序面世一年多以来,给前端开发带来了巨大的影响,有移动应用的地方,就有小程序的踪迹。经过一年多的发展和沉淀,小程序能力不断放开,产品形态日趋成熟,已经发展成独...

    CSDN技术头条
  • 基于 CSS3 Media Queries 的 HTML5 应用

    先来介绍下 media,确切的说应该是 CSS media queries(CSS 媒体查询),媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体...

    HT for Web
  • 实践 HTML5 的 CSS3 Media Queries

    HT_hightopo
  • 实践 HTML5 的 CSS3 Media Queries

    先来介绍下 media,确切的说应该是 CSS media queries(CSS 媒体查询),媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体...

    HT for Web
  • Python笔记:程序设计IPO模式

    程序设计需要按照一定的方法,这样在开发程序的时候才能事半功倍。按照一定的方法进行程序设计,可以清晰的分析问题,处理问题,解决问题。

    Altumn
  • 打造电商小程序,需要注意的四点!

    研究机构调研发现,有54.4%的用户使用小程序电商购物的原因之一是小程序页面简洁方便、操作简单。与电商APP相比,小程序电商的商品性价比高、兼有娱乐功能等,满足...

    用户1745481
  • 打造电商小程序,需要注意的四点!

    研究机构调研发现,有54.4%的用户使用小程序电商购物的原因之一是小程序页面简洁方便、操作简单。与电商APP相比,小程序电商的商品性价比高、兼有娱乐功能等,满足...

    用户1745481

扫码关注云+社区

领取腾讯云代金券