VSCode+WSL2でHTML編集場所を作ってGit初期化、Dockerでnginxを起動して、WindowsのブラウザからHTML表示まで

vscode起動

wsl2へリモート接続

ここまではどこかのやり方を見て欲しい

vscodeのターミナルから以下実行

mkdir ~/html_lectures

cd ~/html_lectures

git init

続けてDockerでnginxを起動し、HTML編集場所のルートを/usr/share/nginx/htmlへマウントし、nginx側の80を8080にバインドして起動

docker run --name nginx -d -v $(pwd):/usr/share/nginx/html -p 8080:80 nginx

続けて、

~/html_lectures/lecture1/index.html を適当に作成

Windowsブラウザから

localhost:8080/lecture1/index.html で表示

デバッグは正直VSCodeではなく、ブラウザでやったほうが便利

あとはVSCodeで普通にgitへプッシュ