LoginSignup
0
0

More than 3 years have passed since last update.

DockerDesktopでAngularの開発環境を作る

Posted at

備忘録

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も勉強しようかな...。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0