https://github.com/solareenlo/docker-angular-cli

Angular CLIのDockerfile
https://github.com/solareenlo/docker-angular-cli

angular dockerfile

Last synced: 19 days 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 (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-03-28T10:41:15.000Z (almost 5 years ago)
• Last Synced: 2024-11-08T02:46:17.096Z (2 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

[![Docker Automated build](https://img.shields.io/docker/automated/solareenlo/angular-cli.svg)](https://hub.docker.com/r/solareenlo/angular-cli/)

[![Docker Image Size](https://images.microbadger.com/badges/image/solareenlo/angular-cli.svg)](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`を開く.