仕事で必要になったので、LaravelとVue.jsで開発環境を立ち上げることになりました。
ひとまず、先方のリポジトリに招待してもらうまでの間に自分のリポジトリで開発環境の立ち上げ部分だけ作ったものです。
https://github.com/Stella-network/TauCeti
概要としては、Dockerで下記の開発環境を作るものです。
- Laravel10
- Vue3
- MySQL8.0
- Nginx
- phpMyAdmin
⚠️phpMyAdminは開発時に便利なので入れていますが、危険なので本番環境では入れない方がいいです。
やり方は簡単で、まずDocker Desktopをインストールして立ち上げます。
あとは順番に下記のコードを実行していくだけ。
1, CloneしてDockerコンテナをビルド
まずはcloneしてください。
git clone https://github.com/Stella-network/TauCeti次に、cloneしたディレクトリで下記のコマンドを実行します。
docker-compose -f TauCeti/docker/docker-compose.dev.yml up -d --build
2, Laravelの設定
1の手順が終わったらDockerコンテナが生成されるので、下記のコマンドを実行してLaravelの.envファイルを生成します。
docker exec -it tau_ceti_app cp .env.example .env
生成された.envファイルを開いて、データベース設定部分を下記のように書き換えます。
DB_CONNECTION=mysql
DB_HOST=db
DB_PORT=3306
DB_DATABASE=tau_ceti_db
DB_USERNAME=root
DB_PASSWORD=tau_ceti_pass
次に、LaravelのAPPキーを生成する
docker exec -it tau_ceti_app php artisan key:generate
3, Laravelの依存関係をインストールする
docker exec -it tau_ceti_app composer install
4, 下記コマンドでマイグレーションを実行
docker exec -it tau_ceti_app php artisan migrate
5, Vue3に必要な依存関係をインストール
docker exec -it tau_ceti_app npm install
docker exec -it tau_ceti_app npm install --save-dev vue @vitejs/plugin-vue
6, 下記コマンドでVueを起動
docker exec -it tau_ceti_app npm run dev
7, LaravelとVueの起動を確認
下記URLにアクセスして「Laravel with Vue3」というメッセージが表示されたらOK
さいごに
1から7までの手順が必要なのは初回だけで、2回目以降の起動はこの2行だけで大丈夫です。
docker-compose -f TauCeti/docker/docker-compose.dev.yml up -d --build
docker exec -it tau_ceti_app npm run dev