快速上手

安装 CLI

  1. $ npm install -g @megalo/cli
  2. # 需要管理员权限

如果安装失败或者过慢，可以尝试切换 taobao 源

  1. $ npm set registry https://registry.npm.taobao.org/

创建 Megalo 工程

  1. $ megalo my-megalo-pro
  3. # 或者在已有目录下初始化
  5. $ mkdir my-megalo-pro
  6. $ cd my-megalo-pro
  7. $ megalo

构建小程序包

  1. # 微信小程序
  2. $ npm run dev:wechat
  4. # 支付宝小程序
  5. $ npm run dev:alipay
  7. # 百度智能小程序
  8. $ npm run dev:swan

构建结束会在根目录生成相应的小程序包，/dist-wechat、/dist-alipay、/dist-swan，且 watch 文件变化进行热更

小程序开发工具

所有的执行效果均在小程序的开发工具中预览、调试

点击此处下载最新版

调试

开启微信开发者工具，新建小程序项目

快速上手 - 图1

将项目目录指向 /dist-wechat，选择【测试号|小程序】即可执行。

实战需要使用合法的 AppID，AppID 获取方式

快速上手 - 图2

调试的姿势请看官方文档|小程序调试。

页面预览

支持实时刷新

快速上手 - 图3

webpack 配置可扩充

megalo cli 可用于快速构建工程，仅仅是一个可落地项目的开始，为了便于开发者扩充，初始项目功能较为单一。

如果你需要对工程结构进行扩充，DIY 之前你需要了解，我们对基础的 webapck 配置做了哪些修改 webpack 配置。