Appearance

目录

Hummer CLI 使用教程 ​

Hummer CLI 命令集合 ​

shell
hummer -h        // 查看帮助
hummer -v        // 查看版本
hummer init      // 创建项目
hummer dev       // 编译并开启本地服务
hummer build     // 编译打包
hummer debug     // 开启调试服务

安装 Hummer CLI ​

shell
npm install @hummer/cli -g

新建项目 ​

shell
hummer init

// 输出以下内容，选择其中一种模块工程
? Which template do you want init? 
  template-vue      // Tenon-Vue 模板工程，通过 Vue 框架来做业务开发
  template-react    // Tenon-React 模板工程，通过 React 框架来做业务开发
❯ template-ts       // Hummer 模板工程，通过 TS 或 JS 来做业务开发
  template-library  // 组件库模板工程，用于创建 Hummer 或 Tenon 的组件库
  template-android  // Android 原生模板工程
  template-ios      // iOS 原生模板工程

// 接着输出以下内容，这里可以输入项目名称，按回车可直接使用默认值
? Project Name (template-ts)

// 接着输出以下内容，这里可以输入项目描述，按回车可直接使用默认值
? Description (Hummer Project)

// 接着输出以下内容，这里可以输入项目作者，按回车可直接使用默认值
? Author (XiaoFeng <bbssyyuui@qq.com>)

编译并开启本地服务 ​

shell
hummer dev

此命令会在 <工程根目录>/dist 下生成编译产物，同时会在本地开启一个 http 服务，并且会在浏览器中自动打开这个本地服务页面，可用于 日志查看 和 视图调试。此命令一般用于 开发阶段，不会对最终编译产物做混淆压缩。

编译打包 ​

shell
hummer build

此命令会在 <工程根目录>/dist 下生成编译产物，一般用于 正式发布 阶段，会对最终编译产物做混淆压缩。

开启调试服务 ​

shell
hummer debug

此命令会开启调试服务，为 Hummer 或 Tenon 项目提供调试功能，主要用于通过 Chrome 进行调试的场景。如果是通过 VSCode 插件进行调试，该命令已内置在插件中，无需单独使用。更多调试相关的信息，请参考 调试 文档。