ysko909 / docker_for_react_sample

docker_for_react_sample

概要

Reactプロジェクト用のDocker環境のサンプル。

利用手順

1. 当リポジトリをクローンする。あるいはzipでダウンロードする。
2. Visual Studio Codeを起動し、クローンした先のフォルダを開く。
3. vscodeのメニューから「Reopen in container」を選択する。コンテナのビルドが始まるため、しばらく放置する。
4. コンテナのビルドが終わったら、シェルを開きnpx create-react-app app_nameを実行する。app_nameの部分は任意。
   • TypeScriptで作りたい場合は--template typescriptのオプションをつける。
5. cd app_nameを実行してフォルダを移動する。
6. yarn startを実行して、ブラウザで「localhost:3000」にアクセスする。Reactの画面が表示されれば成功。

注意点

当リポジトリをWindowsで利用しようとしたとき、ファイルdevcontainer.jsonにおけるフォルダ指定を書き換える必要があった。

"dockerComposeFile": [
   "..\\docker-compose.yml", # ここの行
   "docker-compose.yml"
],

「1つ上のフォルダにあるdocker-compose.yml」を指している部分について、本来スラッシュ1つ/だった部分をバックスラッシュ2つ\\に変更してエスケープしている。macOSなど他のプラットフォームだと問題ないのだが、Windowsに関してのみこの部分がスラッシュ1つだとうまく解釈できずエラーになった。今はどうかわからないが・・・。