【Docker版】VSCodeでJavaScript(Node.js)を実行する方法
この記事では、Node.jsのDockerコンテナを使ってVSCode上で実行する方法を説明します。
Node.jsをコンテナ上で動かすための設定ファイルを作成します。
作業用ディレクトリにdocker-compose.ymlという名前のファイルを作成し、以下の内容を書き込みます。
docker-compose.yml
version: '3'
services:
app:
image: node:lts
container_name: app-node-js
tty: true
volumes:
- ./src:/src
working_dir: "/src"
作成したymlファイルと同じディレクトリ内でVSCodeを起動し、ターミナルから以下のコマンドを実行します。
Dockerコマンド
docker-compose up -d
実行が終わるとコンソール上は以下のようになります。
Dockerコマンド
PS C:\workspace\app-node-js> docker-compose up -d
[+] Running 4/10
- app Pulling
596.8s
- 2f0ef4316716 Pull complete
181.4s
- 1a43d3c11106 Pull complete
182.7s
- 243ae34810fb Pull complete
183.2s
- d01c447bcebc Pull complete
247[+] Running 4/10
- app Pulling 50fb Pull complete
97.2s8 - 2f0ef4316716 Pull complete
181.4s
- 1a43d3c11106 Pull complete 14ef Downloading [==================> ] 78.67MB/214.4MB
597.2s8 - 2f0ef4316716 Pull complete
181.4s
- 1a43d3c11106 Pull complete 1[+] Running 4/1034810fb Pull complete
- app Pulling 597.5s
- 2f0ef4316716 Pull complete 181.4s2 - 1a43d3c11106 Pull
complete 182.7s
- 243ae34810fb Pull complete [+] Running 4/10
- app Pulling 597.6s
- 2f0ef4316716 Pull complete 181.4s
- 1a43d3c11106 Pull complete 182.7s
- 243ae34810fb Pull complete 183.2s
- d01c447bcebc Pull complete [+] Runni[+] Runnin[+] Runni[+] R[+] Runni[+] Run[+] Runnin[+] Runn[+] [+[+] [+] R[+] Running 10/10
- app Pulled 1175.6s
- 2f0ef4316716 Pull complete 181.4s
- 1a43d3c11106 Pull complete 182.7s
- 243ae34810fb Pull complete 183.2s
- d01c447bcebc Pull complete 247.2s
- 1d07840244ef Pull complete 1163.8s
- 5df57a36055e Pull complete 1164.0s
- 5037d4710e07 Pull complete 1166.9s
- 714346faf07f Pull complete 1167.2s
- 55ce05f20ef8 Pull complete 1167.3s
[+] Running 2/2
- Network app-node-js_default Created 0.9s
- Container app-node-js Started 4.8s
PS C:\workspace\app-node-js>
lsコマンドを叩くとsrcフォルダができていると思います。
Linuxコマンド
PS C:\workspace\app-node-js> ls
ディレクトリ: C:\workspace\app-node-js
Mode LastWriteTime Length Name
---- ------------- ------ ----
d----- 2021/10/16 16:28 src
-a---- 2021/10/16 15:18 161 docker-compose.yaml
VSCodeでsrcフォルダ配下にJavaScriptファイルを作成し、コーディングを終えたらターミナルより以下のコマンドで実行します。
Linuxコマンド
PS C:\workspace\app-node-js\src> docker-compose run --rm app node test.js
hello world
VSCodeでNodejsを実行
これで環境構築の手順は以上になります。
以上で記事の解説はお終い！
HTML、CSS、JavaScriptをもっと勉強したい方にはUdemyがオススメ！同僚に差をつけよう！