adrixop95/gitlab-helper-frontend

镜像概述

本镜像基于Angular Boilerplate构建，提供了一套完整的Angular前端项目开发环境，集成开发服务器、构建工具、代码质量检查、单元测试及文档生成等核心功能，帮助开发者快速启动和迭代Angular项目。

核心功能

• 开发服务器：启动本地开发服务器，支持实时热重载
• 构建支持：提供开发环境与生产环境的项目构建能力
• 代码检查：通过lint工具确保代码风格一致性
• 单元测试：执行项目单元测试，验证代码功能正确性
• 文档生成：自动生成项目组件文档，提升维护效率

使用场景

1. 前端开发者快速初始化Angular项目，减少环境配置时间
2. 团队协作中统一开发环境，避免环境差异导致的问题
3. CI/CD流程中集成镜像，实现自动化构建、测试或文档生成

配置说明

基本使用示例

启动开发服务器

挂载本地项目目录到容器内，运行开发服务器：

bash
docker run -d -p 4200:4200 -v $(pwd):/app adrixop95/gitlab-helper-frontend npm start

访问http://localhost:4200查看项目运行效果。

生产环境构建

bash
docker run -v $(pwd):/app adrixop95/gitlab-helper-frontend npm run build:prod

构建结果输出到本地dist/apps/angular-clean-project-template/目录。

代码检查

bash
docker run -v $(pwd):/app adrixop95/gitlab-helper-frontend npm run lint

单元测试

bash
docker run -v $(pwd):/app adrixop95/gitlab-helper-frontend npm run test

生成文档

bash
docker run -v $(pwd):/app adrixop95/gitlab-helper-frontend npm run compodoc

文档生成到本地documentation目录。