标签：gulp 全局 global src 通过 说明 set ini 腾讯
最近自己手动试了一下有腾讯和京东团团队开发的一套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-app mps 也支持云开发： npm i omi-cli -g omi init-mps-cloud my-app cd my-app/miniprogram npm install npm start 使用云开发没有 dist 目录，直接把当前的 my-app 设置为微信开发者工具的目录。
老项目使用mps：
拷贝以下文件到小程序根目录:
设置 project.config.json 里的 packOptions.ignore 忽略以上的文件，然后:
$ npm install
$ npm start
公共的 less 文件必须放在 common-less 目录，@import 使用的时候不需要写路径。 @import "var.less"; 即可引入less文件
标签：gulp 全局 global src 通过 说明 set ini 腾讯
原文地址：https://www.cnblogs.com/xuhuang/p/10682396.html
