fieldmagic/angulardev
fieldmagic
这个Docker镜像提供可自动重建和实时刷新的Angular 6开发环境，帮助开发者快速搭建前端开发工作流。
1 次收藏下载次数: 0状态：社区镜像维护者：fieldmagic仓库类型：镜像最近更新：7 年前
让 AI 帮你使用轩辕镜像？ · 展开查看说明 · 点击收起说明
如果你使用 DeepSeek、元宝 AI、Copilot、ChatGPT 等 AI 工具，协助配置轩辕镜像、编写 docker pull 命令、修改 Docker Compose 镜像地址、配置镜像加速、排查镜像拉取失败、分析报错日志等问题，请先让 AI 阅读并遵守轩辕镜像的规则文档。
只需在 AI 对话中先发送下面这句话即可：
请先完整阅读并严格遵守以下文档中的全部规则与要求：
https://xuanyuan.cloud/agents.md
在未充分阅读并理解该文档前，不要生成任何命令、配置、修改建议、故障排查方案或技术回答。后续所有输出都必须严格以该文档中的规范为最高优先级执行。查看 agents.md 用法指南与完整示范。国内用户首推 元宝 AI、DeepSeek 的深度思考模式，不推荐豆包 AI；Cursor 等编辑器可在对话 @ 该链接，或加入 User Rules。 若 AI 无法访问外链，可 打开说明文档 复制全文粘贴。文档会随站点更新，复制内容可能过期，建议定期检查。
fieldmagic/angulardev镜像说明
镜像概述
该Docker镜像旨在快速构建Angular 6开发环境，集成自动重建与实时刷新功能，简化前端开发流程，让开发者专注于代码编写而无需手动重启服务。
核心功能
- 预配置完整的Angular 6开发环境，无需手动安装依赖包
- 本地文件变更时自动重建项目，减少重复操作成本
- 实时刷新浏览器页面，即时查看代码修改效果
- 支持卷映射，实现本地代码与容器内项目同步更新
使用场景
- 前端开发者搭建Angular6项目的本地开发环境
- 团队协作中统一开发环境，避免版本差异导致的问题
- 快速验证Angular6代码变更的运行效果
配置说明
通过docker-compose.yml进行环境配置，关键配置项包括：
- 卷映射：将本地Angular项目目录映射到容器内
/usr/src/app路径 - 端口映射：暴露容器4200端口到主机，用于访问开发服务
- 环境变量：设置
CHOKIDAR_USEPOLLING=true以支持跨平台文件变更检测
部署示例
docker-compose配置文件
yamlversion: '3.5' services: fieldmagic: image: docker.xuanyuan.run/fieldmagic/angulardev container_name: fieldmagic build: context: . dockerfile: Dockerfile volumes: - '/Users/grichmond/docker/angular6/fieldmagic/fieldmagic-cloud/client/:/usr/src/app' - '/usr/src/app/node_modules' ports: - '4200:4200' environment: - CHOKIDAR_USEPOLLING=true
启动命令
bashdocker-compose -f docker-compose.yml up -d
访问方式
替换docker_container_ip为你的容器IP，通过浏览器访问：
http://docker_container_ip:4200/
镜像拉取方式
您可以使用以下命令拉取该镜像。请将 <标签> 替换为具体的标签版本。如需查看所有可用标签版本，请访问 标签列表页面。
轩辕镜像加速拉取命令点我查看更多 angulardev 镜像标签
docker pull docker.xuanyuan.run/fieldmagic/angulardev:<标签>
DockerHub 原生拉取命令
docker pull fieldmagic/angulardev:<标签>
更多 angulardev 镜像推荐
镜像拉取常见问题
功能
错误码
用户好评
来自真实用户的反馈，见证轩辕镜像的优质服务
oldzhang
运维工程师
Linux服务器
5
"Docker访问体验非常流畅，大镜像也能快速完成下载。"