https://github.com/solareenlo/docker-angular-cli
Angular CLIのDockerfile
https://github.com/solareenlo/docker-angular-cli
angular dockerfile
Last synced: 3 months ago
JSON representation
Angular CLIのDockerfile
- Host: GitHub
- URL: https://github.com/solareenlo/docker-angular-cli
- Owner: solareenlo
- Created: 2019-05-06T22:24:10.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-03-28T10:41:15.000Z (about 5 years ago)
- Last Synced: 2024-12-30T09:15:41.068Z (5 months ago)
- Topics: angular, dockerfile
- Language: Dockerfile
- Homepage: https://hub.docker.com/r/solareenlo/angular-cli
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# solareenlo/angular-cli
[](https://hub.docker.com/r/solareenlo/angular-cli/)
[](https://microbadger.com/images/solareenlo/angular-cli "Get your own image badge on microbadger.com")
Angular CLIのDockerfile置き場.
## Requirement
### Dockerをインストール
**Ubuntu:** [Get Docker CE for Ubuntu](https://docs.docker.com/install/linux/docker-ce/ubuntu/)
**Mac:** [Install Docker Desktop for Mac](https://docs.docker.com/docker-for-mac/install/)
**Win:** [Install Docker Desktop for Windows](https://docs.docker.com/docker-for-windows/install/)
### docker-composeをインストール
[Install Docker Compose](https://docs.docker.com/compose/install/)
## Usage
### Dockerfileだけで動かす
```bash
# first-appを作成
docker run -it --rm -w /app -v $(pwd):/app solareenlo/angular-cli ng new first-app
# 作ったfirst-appディレクトリに入る
cd first-app
# コンテナに入って作業する
docker run -it --rm -w /app -v $(pwd):/app solareenlo/angular-cli sh
# コンポーネントを作成
docker run -it --rm -w /app -v $(pwd):/app solareenlo/angular-cli ng generate component sample-component
docker run -it --rm -w /app -v $(pwd):/app solareenlo/angular-cli ng g c sample-component
# コンテナを立ち上げる
docker run -d -w /app -v $(pwd):/app -p 4200:4200 solareenlo/angular-cli ng serve --host 0.0.0.0
```
そして, 任意のブラウザで`localhost:4200`を開く.
### Dockerfileとdocker-compose.ymlを使って動かす
```bash
# first-appを作成
docker run -it --rm -w /app -v $(pwd):/app solareenlo/angular-cli ng new first-app
# first-appディレクトリに移動
cd first-app
# コンテナに入って作業する
docker run -it --rm -w /app -v $(pwd):/app solareenlo/angular-cli sh
# docker-compose.yaml をダウンロードする
curl -O https://raw.githubusercontent.com/solareenlo/docker-angular-cli/master/docker-compose.yml
# docker-compose を使ってコンテナを立ち上げる
docker-compose up -d
# コンテナの中に入って作業する
docker-compose exec angular sh
# コンポーネント作成
docker-compose exec angular ng generate component sample-component
docker-compose exec angular ng g c sample-component
# テストは作らずにコンポーネント作成
docker-compose exec angular ng g c sample-component --spec false
# コンポーネントの中にコンポーネントを作成
docker-compose exec angular ng g c sample-component/test --spec false
# マテリアルデザインをインストール
docker-compose exec angular ng add @angular/material
# 関連するコンテンを全て止める
docker-compose stop
# 関連するコンテナを全削除
docker-compose rm
```
そして, 任意のブラウザで`localhost:4200`を開く.