- 快速上手
- 安装 CLI
- 创建 Megalo 工程
- 构建小程序包
- 小程序开发工具
- 调试
- 页面预览
- webpack 配置可扩充
- webpack 配置可扩充
快速上手
安装 CLI
$ npm install -g @megalo/cli
# 需要管理员权限
如果安装失败或者过慢,可以尝试切换 taobao 源
$ npm set registry https://registry.npm.taobao.org/
创建 Megalo 工程
$ megalo my-megalo-pro
# 或者在已有目录下初始化
$ mkdir my-megalo-pro
$ cd my-megalo-pro
$ megalo
构建小程序包
# 微信小程序
$ npm run dev:wechat
# 支付宝小程序
$ npm run dev:alipay
# 百度智能小程序
$ npm run dev:swan
构建结束会在根目录生成相应的小程序包,
/dist-wechat
、/dist-alipay
、/dist-swan
,且 watch 文件变化进行热更
小程序开发工具
所有的执行效果均在小程序的开发工具中预览、调试
点击此处下载最新版
调试
开启微信开发者工具,新建小程序项目
将项目目录指向 /dist-wechat
,选择【测试号|小程序】即可执行。
实战需要使用合法的 AppID,AppID 获取方式
调试的姿势请看官方文档|小程序调试。
页面预览
支持实时刷新
webpack 配置可扩充
megalo cli 可用于快速构建工程,仅仅是一个可落地项目的开始,为了便于开发者扩充,初始项目功能较为单一。
如果你需要对工程结构进行扩充,DIY 之前你需要了解,我们对基础的 webapck 配置做了哪些修改 webpack 配置。