使用Docker构建Angular-CLI的开发环境

– 摘要

• Node.js、npmをインストールするのが面倒な時、DockerでAngular-CLIの開発環境を作る

Cloud9とかでも出来るが、今回はDockerでやる

从Docker Hub获取镜像。

# Docker HubでAngular CLIで検索すると出てくるイメージで好きなのを使うと良い
# 今回はalexsuch/angular-cliを使う バージョンは使いたいAngular CLIのバージョンで
docker pull alexsuch/angular-cli:1.2.7

创建一个Angular项目

# PJを作成したい場所で実行する
docker run -it --rm -w /app -v $(pwd):/app alexsuch/angular-cli:1.2.7 ng new my-project-name

启动容器并在其中运行npm install。

docker run -it --rm -v $(pwd):/app alexsuch/angular-cli:1.2.7 /bin/ash

## コンテナ内
cd app/my-project-name
npm install

## ng generate 使うのもコンテナ内で行う
ng g c hogehoge

尝试执行已创建的项目

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

• localhost:4200 で動作確認できる

DockerとテキストエディタがあればAngularの開発ができる