新建页面

Min 提供内置的页面脚手架模板，帮助用户快速创建一个新的 page页面

  1. $ min new [name]

新建步骤

  • 进入 Min小程序项目 的根目录
  1. $ cd ~/your_weapp_project/
  • 输入指令和新的页面名，home 是新的页面名称
  1. $ min new home

  • 此时进入新建页面的命令行交互式问答，开发者请按照命令行上的交互式问题来完成具体操作

    • 请设置新页面的英文名称
  1. # 当指令 `min new` 后面没有带上页面名称，Min 会提示输入页面名称
  2. home  # home 为演示名称，开发者请输入实际的页面英文名称
  • 请设置新页面的中文标题
  1. 主页 # 主页 为演示标题，开发者请输入实际的页面中文标题

  • 完成上个步骤，Min 工具将进入自动化生成构建阶段

    • 拷贝脚手架页面模板到 ~/your_weapp_project/pages/page-name 目录下
    • 自动编译 src 源码到 dist 目录下
    • 提示新建完成
  • 此时新的页面已创建完成：请在 "微信开发者工具" 中切换到新的页面路径预览

目录结构

以下是 Min 设计的目录结构，用户可以按照以上流程新建一个 页面，也可以通过 Min小程序示例 快速入门

  2. ├── dist
  3. |   └── pages
  4. |   |   ├── home
  5. |   |   ├── page-name        经 Min 的 dev 指令自动编译生成4个文件
  6. |   |   |   ├── index.js          页面逻辑
  7. |   |   |   ├── index.wxml        页面结构
  8. |   |   |   ├── index.wxss        页面样式表
  9. |   |   |   └── index.json        页面配置
  10. ├── src
  11. |   ├── pages
  12. |   |   ├── home
  13. |   |   ├── page-name
  14. |   |   |   └── index.wxp     index 单文件页面