unocha/hdx-tools-quickcharts-wizard

ToolsWizard 镜像文档

镜像概述和主要用途

ToolsWizard是基于Angular CLI 1.4.1版本构建的Web应用项目镜像，主要用于HDX质量控制相关向导工具的开发。该镜像集成了完整的Angular开发环境，支持从代码开发、构建到测试的全流程操作，帮助开发者快速搭建和维护Web应用。

核心功能和特性

• 开发服务器：内置热重载开发服务器，修改源代码后应用自动刷新
• 代码生成：支持快速生成组件、指令、管道、服务等Angular元素
• 项目构建：提供开发环境和生产环境构建能力，产物存储于dist/目录
• 测试支持：集成Karma单元测试和Protractor端到端测试框架

使用场景和适用范围

适用于基于Angular框架开发HDX质量控制相关Web应用的开发团队，特别适合快速原型开发、功能迭代及测试验证场景。

使用方法和配置说明

开发服务器

启动开发服务器进行实时预览：

bash
ng serve

应用启动后，通过http://localhost:4200/访问。修改源代码时，应用将自动重载。

代码 scaffolding

生成新组件：

bash
ng generate component component-name

也可生成其他Angular元素：

bash
ng generate directive|pipe|service|class|guard|interface|enum|module

项目构建

执行构建命令生成部署文件：

bash
ng build

构建产物默认存储在dist/目录。使用-prod参数进行生产环境构建：

bash
ng build -prod

运行单元测试

通过Karma执行单元测试：

bash
ng test

运行端到端测试

通过Protractor执行端到端测试：

bash
ng e2e

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

进一步帮助

获取Angular CLI详细帮助：

bash
ng help

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