• 快速上手
    • 安装 CLI
    • 创建 Megalo 工程
    • 构建小程序包
    • 小程序开发工具
    • 调试
    • 页面预览
      • webpack 配置可扩充

    快速上手

    安装 CLI

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

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

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

    创建 Megalo 工程

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

    构建小程序包

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

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

    小程序开发工具

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

    点击此处下载最新版

    调试

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

    快速上手 - 图1

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

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

    快速上手 - 图2

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

    页面预览

    支持实时刷新

    快速上手 - 图3

    webpack 配置可扩充

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

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