DockerDesktopでAngularの開発環境を作る

備忘録

00.環境

• Windows10
• DockerDesktop
• Ubuntu
• Angular

01.Docker Desktopの設定

WindowsCMD[DockerCommand]

> docker pull ubuntu

02.Ubuntuの設定

（この辺はイメージ作ればいいんだろうなーと思いながら）

Docker Desktopでイメージを立ち上げて、CLIを起動する。

node.jsのインストール時にリージョンの設定やらなにやら出る。

npmは途中でインストールが止まりEnterしたら、
上手く進んだのでもし途中で止まって時間かかるようなら。

UbuntuCommand

# apt-get update
# apt install -y nodejs
# node -v
# apt install -y npm
# npm -v
# npm install -g @angular/cli

03.VSCodeの設定

拡張機能からRemote - Containersをインストールする。
左アイコンメニューにリモートエクスプローラ―が選べるようになる。
02.UbuntuにAngularを入れるで作成したプロジェクトが表示されるので、プロジェクトからOpen Containerアイコンをクリックすればフォルダーが表示される。

VSCodeのターミナル

# ng serve

起動時にコンソールに出てくるURLをブラウザで入力すればとりあえず完成。

あとがき

最近ようやくDockerDesktop使ってますがCLIのヒストリーの出し方が分からず...。
Dockerも勉強しようかな...。