unocha/hdx-hxl-preview

HXL Bites 镜像文档

镜像概述和主要用途

HXL Bites 是一个基于 https://github.com/angular/angular-cli 版本 1.0.0-beta.16 生成的项目镜像，主要用于 HXL（人道主义交换语言）数据的预览与处理。该镜像提供完整的前端开发环境，支持应用的开发、构建、测试及部署流程。

核心功能和特性

• 开发服务器：提供本地开发服务器，支持代码热重载
• 代码脚手架：快速生成组件、指令、管道、服务等 Angular 构件
• 项目构建：支持开发环境和生产环境构建，生成可部署静态资源
• 单元测试：通过 Karma 执行单元测试
• 端到端测试：通过 Protractor 执行端到端测试
• 部署支持：支持部署到 Github Pages

使用场景和适用范围

适用于 HXL 数据预览应用的前端开发、测试和部署场景，适合需要快速开发和迭代 HXL 相关 Web 应用的开发团队。

使用方法和配置说明

开发服务器

启动本地开发服务器：

bash
ng serve

服务启动后，访问 http://localhost:4200/ 即可查看应用。修改源代码后，应用会自动重新加载。

代码脚手架

生成新组件：

bash
ng generate component component-name

也可生成其他构件：

bash
ng generate directive/pipe/service/class

项目构建

构建项目：

bash
ng build

构建产物存储在 dist/ 目录下。使用 -prod 标志进行生产环境构建：

bash
ng build -prod

运行单元测试

通过 Karma 执行单元测试：

bash
ng test

运行端到端测试

通过 Protractor 执行端到端测试：

bash
ng e2e

注意：运行测试前需确保已通过 ng serve 启动应用。

部署到 Github Pages

部署应用到 Github Pages：

bash
ng github-pages:deploy

进一步帮助

获取 angular-cli 帮助：

bash
ng --help

或参考 https://github.com/angular/angular-cli/blob/master/README.md%E3%80%82