🍇
Dockerで実装するVue3 x TS環境 🫠🫠🫠
出来上がったもの
(テンプレートレポジトリだよ)
このリポジトリの使いかた
1.テンプレートを引っ張って、ローカルに落とす。
リポジトリのページにあるUse this templateを押し、設定を進めると、いい感じにリポジトリができます。
あとはソイツをクローンしてください。
2. 以下のコマンドをDockerfileがある階層で実行。
docker compose run vue-app npm install
3. 最後に、以下のコマンドをDockerfileがある階層で実行。
docker compose up
http://localhost:5173/ にアクセスできるよ。(たぶん)
詰まったところ
- Dockerとviteについての理解が浅く、vite.configにportの指定をしなければいけないことに気づけなかった。
- Dockerfileやymlへ何を記述すればいいのかの調査で時間食った。
気に入ってるところ
- 構築できた成功体験
- 多分結構シンプルな仕組みになっている((のかな？))
最後に
こんなテンプレリポジトリ作ったけど、下のコマンドでvueプロジェクト作れちゃうし、dockerで構築する意味ってあるんかな。
npm create vue@latest
フロントの環境をDockerで構築するメリットとか、今回のテンプレートリポジトリに対してアドバイスあればください。
↓ツイッターやってます。フォローしてくれた返しますのでぜひ。
Discussion