guirosasantos/angular-cli

guirosasantos/angular-cli 镜像说明

镜像概述

本镜像基于 node:23.7.0-alpine 构建，预装了Angular CLI工具，提供轻量级、高效的Angular项目开发环境，帮助开发者快速启动Angular项目的开发流程。

核心功能

• 支持Angular项目的创建（ng new）、编译（ng build）、本地调试（ng serve）等常用命令
• 基于Alpine Linux，镜像体积小巧，启动速度快
• 集成Node.js 23.7.0和npm包管理工具，满足前端依赖安装需求

使用场景

1. 本地开发：无需在本地安装Node.js和Angular CLI，直接通过容器初始化和运行Angular项目
2. CI/CD流程：在持续集成管道中用于Angular项目的构建、测试环节
3. 临时验证：快速验证Angular CLI命令或项目配置的正确性

配置说明

• 通过 -v 参数挂载本地项目目录到容器内 /app 路径，实现文件共享
• 使用 -p 参数映射容器端口（如 ng serve 默认4200端口）到本地，方便访问服务

部署示例

1. 创建新Angular项目

bash
docker run -it --rm -v $(pwd):/app docker.xuanyuan.run/guirosasantos/angular-cli ng new my-angular-app

2. 运行现有项目

bash
cd my-angular-app
docker run -it --rm -v $(pwd):/app -p 4200:4200 docker.xuanyuan.run/guirosasantos/angular-cli ng serve --host 0.0.0.0

3. 执行构建命令

bash
docker run -it --rm -v $(pwd):/app docker.xuanyuan.run/guirosasantos/angular-cli ng build --prod