MiniX自绘渲染跨平台框架
  • 框架说明
  • 声明式开发范式
  • 内置Api
指南
接口
  • Minix CLI
示例
  • 类Web框架

    • 框架说明
    • 类Web开发范式
    • 内置Api
  • 指南
  • 组件
  • 接口
  • 示例
  • 规范
  • DophinHybrid

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • DolphinWeex

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • 发布消息
  • 常见问题
  • 更新日志
  • 框架说明
  • 声明式开发范式
  • 内置Api
指南
接口
  • Minix CLI
示例
  • 类Web框架

    • 框架说明
    • 类Web开发范式
    • 内置Api
  • 指南
  • 组件
  • 接口
  • 示例
  • 规范
  • DophinHybrid

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • DolphinWeex

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • 发布消息
  • 常见问题
  • 更新日志
  • 导航
  • 快速上手

    • 搭建开发环境
    • 创建并运行工程
      • 安装脚手架工具
      • 下载标准开发模版
      • 启动模版项目
    • 目录规范
    • app 配置说明
    • 本地调试
    • mconsole真机调试
    • 断点调试
    • vscode语法工具

# 安装脚手架工具

    # 全局安装脚手架
    npm install -g @minix-iot/cli
    #或者
    cnpm install -g @minix-iot/cli
    # 使用 yarn
    yarn add @minix-iot/cli

1
2
3
4
5
6
7

# 下载标准开发模版

# 以默认模版创建项目
mx create <app-name>
? 请输入项目名称   (minix-demo)【默认值】
? 请输入项目版本号  (1.0.0) 【默认值】
downloading...

mx sucess 更新模版成功
mx sucess 安装模版成功
  安装依赖
  启动项目

cd app-name && npm start

# 以自定义模版初始化项目
mx init <app-name>
? 请输入项目名称   (minix-demo)【默认值】
? 请输入项目版本号  (1.0.0) 【默认值】
? 请选择工程模版
> MiniX标准工程模版(推荐: CLI内置构建)       (`选择此项`)
> MiniX标准工程模版 2 (本地构建)

mx sucess 更新模版成功
mx sucess 安装模版成功
  安装依赖
  启动项目
...

        `App running at:`
            - Local: http://ip:port
            - Network: http://ip:port
            
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

# 启动模版项目

# 配置 scripts 指令


  "scripts": {
    "start": "npm run serve",
    "serve": "mxs serve --projectName rich --mode development",
    "serve:debug": "mxs serve --projectName rich --mode development --debug",
    "build": "mxs build --projectName rich --buildMode release --sourceMap"
  }

1
2
3
4
5
6
7
8

TIP

通过配置修改 projectName 的值,可以实现按需切换插件项目;

# 启动命令

# 启动
npm start

# 开发模式:启动本地服务,代码热更新
npm run serve

# 生产模式:开启代码压缩
npm run build

1
2
3
4
5
6
7
8
9