如何使用 mps 开发原生小程序

最近自己手动试了一下有腾讯和京东团团队开发的一套mps 框架。

说实话可以算得上上手最快的一个了，他对于原生小程序没有如何干扰和影响

JSX 代替 WXML 书写结构，精简高效
对原生小程序零入侵
支持 JS 和 TS
实时编译，实时预览
输出 WXML 自动美化
支持 Less 输出 WXSS

这是他最大的一些亮点

启动小程序一个新项目

$ npm i omi-cli -g
$ omi init-mps my-app   //qq轻应用 omi init-mps-qq my-app
$ cd my-app
$ npm start

小程序的项目就在my-app下，到这个目录下npm start 启动实时编译，该项目试通过gulp来自动化搭建的，如果出现gulp报错，说明可能你的gulp未安装

npm install --global gulp  //先全局安装gulp环境

npm install --save-dev gulp  //在项目目录下安装开发和依赖

也支持ts：
omi init-mps-ts my-appmps 也支持云开发：npm i omi-cli -g              omi init-mps-cloud my-app    cd my-app/miniprogram  npm install    npm start使用云开发没有 dist 目录，直接把当前的 my-app 设置为微信开发者工具的目录。

老项目使用mps：

拷贝以下文件到小程序根目录:

_scripts 目录所有文件
package.json
gulpfile.js

设置 project.config.json 里的 packOptions.ignore 忽略以上的文件，然后:

  $ npm install$ npm start

公共的 less 文件必须放在 common-less 目录，@import 使用的时候不需要写路径。  @import "var.less"; 即可引入less文件

转载于:https://www.cnblogs.com/xuhuang/p/10682396.html

如何使用 mps 开发原生小程序相关推荐

Thor UI - 轻量简洁的免费开源移动端 UI 组件库，支持原生小程序和 uni-app
用来快速开发原生小程序或者通过 uni-app 来开发任何小程序甚至是 APP 的组件库,但我很好奇中文名是不是译作雷神 UI. Thor UI 介绍 Thor UI 是一款开发移动端网页应用.小程序 ...
腾讯 Omi 团队发布 mps - 原生小程序插上 JSX 、Less 和 Cloud 的翅膀
写在前面原生小程序插上 JSX .Less 和 Cloud 的翅膀 mps 是什么?为什么需要 mps?先列举几个现状: 目前小程序开发使用最多的技术依然是原生小程序原生小程序的 API 在不断完 ...
angularjs全栈开发知乎_1-4【微信小程序全栈开发课程】原生小程序框架介绍
1.打开小程序目录打开微信开发者工具,我们上一节新建的项目,我圈出来的这个地方就是小程序的目录结构(如果你那里没有显示,可以点击左上方的编辑器来显示) 2.原生小程序框架介绍给大家画了一张图,重要 ...
使用mpvue开发微信小程序——原生微信小程序、mpvue、wepy对比
mpvue是什么?为什么使用它? 目前小程序开发主要有三种形式:原生.wepy.mpvue,其中wepy是腾讯的开源项目:mpvue是美团开源的一个开发小程序的框架,全称mini program vu ...
原生小程序转Taro开发
使用Taro开发微信小程序开发前准备 Taro可以把你的原生开发的微信小程序转换成Taro代码,具体步骤如下: 安装: npm i -g @tarojs/cli 转换前注意如果你的原生小程序引入了 ...
解决小程序插槽slot内容显示不对，无论是原生小程序还是uniapp开发的，解决办法如下
原文地址:解决小程序插槽slot内容显示不对,无论是原生小程序还是uniapp开发的,解决办法如下!在一次使用小程序插槽的时候,发现如论在哪里使用插槽,内容在子组件上展示和根目录同级,这其实是pc端微 ...
小程序云开发_小程序开发进入云原生时代加速构建开发者生态
2019-11-07 16:44 作为Serverless理念大规模落地的最佳实践,"小程序·云开发"正受到越来越多的关注. 11月7日,在腾讯Techo开发者大会"小程 ...
uni app 调用网络打印机_前端工程师 | 原生小程序坑点：uni-app到底好用在哪里？...
要想知道uni-app开发好用在哪里,我们先看看uni-app的官网,下图系统的介绍.框架.组件.api的使用都非常的详细,感兴趣的朋友可以去尝试尝试. 我们进图正题,首先和原生小程序来比较,其次和 ...
2019小程序没必要做了_2019微信小程序的发展前景怎么样？有必要开发微信小程序吗？...
微信小程序自从上线以来,一直很受大家的欢迎,当然微信小程序的功能也在不断的更新着,小程序共有七项主要功能,相信创业者对于这7种不同的功能,会迸发出更多的奇思妙想,那么通过功能我们可以思考一下,2019 ...

如何使用 mps 开发原生小程序

如何使用 mps 开发原生小程序相关推荐

最新文章

热门文章