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语法工具

    # node

    在 node.js (opens new window) 官网 下载合适您系统的 node.js。 安装完毕后检查版本(建议使用 node 12 及以上版本)。

    node -v
    v12.14.0
    npm -v
    7.13.0
    
    1
    2
    3
    4

    TIP

    1. 如果您以前运行过 webpack 项目,并且本机 node 版本 >=12,可以忽略这一步。
    2. 推荐保持在 v14 版本之内,例如 v14.19.2,node 版本过高,可能会带来兼容问题

    # nrm or cnpm

    由于网络原因,npm 在国内使用比较慢,建议切换 npm 源到国内镜像。

    有两种比较方便的方式切换您的 npm 源:

    • nrm (opens new window) [推荐方式]: 安装:
    npm install -g nrm
    
    1

    查看所有可用源:

    nrm ls
    * npm ---- https://registry.npmjs.org/
      cnpm --- http://r.cnpmjs.org/
      taobao - https://registry.npm.taobao.org/
    
    1
    2
    3
    4

    切换源:

    nrm use taobao
    
    1
    • cnpm (opens new window): 安装:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    1

    # 安装 IDE

    有几种 前端 开发常用 IDE,比如vs code、webStrom等,推荐使用vs code

    # vscode

    官方下载链接: code.visualstudo.com (opens new window)