alexsuch/angular-cli

Angular CLI Docker镜像

镜像概述

本镜像包含Angular CLI及相关开发工具，可直接用于Angular项目的开发工作流。核心软件版本信息如下：

• @angular/cli: 10.2.3
• node: 14.18.0
• npm: 6.14.15
• yarn: 1.22.5
• 运行环境: linux x64
• 包管理器: yarn
• Docker Hub地址: https://hub.docker.com/r/alexsuch/angular-cli/

核心功能与特性

• 与官方Angular CLI用法完全一致，支持所有标准CLI命令
• 内置Node.js、npm及yarn，无需额外配置开发环境
• 轻量级设计，仅包含开发必要依赖
• 支持交互式操作及文件系统挂载，方便本地项目开发

使用场景

• 快速搭建Angular开发环境，避免本地环境配置冲突
• 多平台开发环境一致性保障
• CI/CD流程中集成Angular项目构建、测试环节
• 临时开发或演示环境快速部署

使用方法

本镜像使用方式与官方Angular CLI完全一致（参考：https://cli.angular.io/）

创建新项目

bash
docker run -it --rm -w /app -v $(pwd):/app docker.xuanyuan.run/alexsuch/angular-cli:10.2.3 ng new my-project-name

参数说明：

• -it: 交互式终端模式
• --rm: 容器退出后自动删除
• -w /app: 设置工作目录为/app
• -v $(pwd):/app: 将当前目录挂载到容器内/app目录

生成组件

bash
docker run -it --rm -w /app -v $(pwd)/my-project-name:/app docker.xuanyuan.run/alexsuch/angular-cli:10.2.3 ng g component sample-component

说明： 需将本地项目目录（my-project-name）挂载到容器内/app目录

运行开发服务

bash
docker run -it --rm -w /app -v $(pwd)/my-project-name:/app -p 4200:4200 docker.xuanyuan.run/alexsuch/angular-cli:10.2.3 ng serve --host 0.0.0.0

参数说明：

• -p 4200:4200: 将容器内4200端口映射到本地4200端口
• --host 0.0.0.0: 允许外部访问开发服务器

致谢

Angular CLI核心功能由https://github.com/angular/angular-cli开发维护。

本Docker镜像由Alejandro Such及以下贡献者共同创建：

• https://github.com/Mihai-B
• https://github.com/daniel-sc
• https://github.com/nlko
• https://github.com/tubbynl
• https://github.com/dineiar

许可协议

MIT