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)
  • 发布消息
  • 常见问题
  • 更新日志
  • 导航
  • 快速上手

    • 搭建开发环境
    • DevEco使用指南

    • 创建并运行工程
      • 安装脚手架工具
      • 下载标准开发模版
      • 启动模版项目
    • 目录规范
    • app 配置说明
    • 本地调试

# 安装脚手架工具

    # 全局安装脚手架
    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 run serve

# 以自定义模版初始化项目
mx init <app-name>
? 请输入项目名称   (minix-demo)【默认值】
? 请输入项目版本号  (1.0.0) 【默认值】
? 请选择工程模版
> MiniX标准工程模版(声明式开发范式)       (`选择此项`)
> MiniX标准工程模版 (类web)

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

TIP

提示:请首先正确安装 DevEco 开发工具(具体步骤参照搭建开发环境篇),使用 CLI 下载声明式工程模版之后使用DevEco打开,DevEco会自动生成local.properties文件,该文件用于标识sdk和node本地安装路径。然后DevEco会自动执行 npm 依赖包安装

# 启动模版项目

# 配置 scripts 指令

"scripts": {
  "serve": "mxets serve --mode LegacyCompileETS",
  "build": "mxets build --mode assembleHap"
},

1
2
3
4
5

# 启动命令


# 开发模式:启动本地服务,打开浏览器二维码页面,支持真机扫码预览,代码热更新
npm run serve

# 生产模式
npm run build

1
2
3
4
5
6
7

TIP

提示:目前生产模式是生成hap包,可以更改为.zip后缀文件名后,解压获取jsbundle包。