https://github.com/shimotaroo/docker-laravel-vue
Environment construction source by Docker × Laravel × Vue.js
https://github.com/shimotaroo/docker-laravel-vue
docker docker-compose laravel6 vuejs2
Last synced: 4 months ago
JSON representation
Environment construction source by Docker × Laravel × Vue.js
- Host: GitHub
- URL: https://github.com/shimotaroo/docker-laravel-vue
- Owner: shimotaroo
- Created: 2021-02-09T23:18:46.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-05-16T06:45:57.000Z (about 5 years ago)
- Last Synced: 2025-02-27T06:25:02.648Z (over 1 year ago)
- Topics: docker, docker-compose, laravel6, vuejs2
- Language: PHP
- Homepage:
- Size: 179 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laravel + Vue.js（JavaScript）のDocker環境構築
## version
- Laravel : 6.x
- Vue.js : 2.6.12
## attention
- M1 Mac未対応
## clone
```
$ git clone https://github.com/shimotaroo/docker-laravel-vue.git
$ cd docker-laravel-vue
```
## .env作成
- `.env.example`をコピーして`.env`を作成して各項目に値を定義する。
- `docker-compose config`で`.env`に設定した環境変数が`docker-compose.yml`にセットされているか確認する。
## Build & Up
```
$ docker-compose up -d --build
```
## コンテナ起動状態を確認
```
$ docker-compose ps
```
3つのコンテナが`Up`になっていたら正常に起動している。
## src/.env作成
```
$ cd src
$ cp .env.example .env
```
## Package Install
appコンテナに入る
```
$ docker-compose exec app bash
```
以降は全てappコンテナ内で実行
```
composer install
php artisan key:generate
npm install
```
## browerSync起動
appコンテナ内で実行
```
npm run watch
```
※`docker-compose.yml`の以下の記載が無いとエラーになる
```yml
ports:
- ${APP_PORT}:3000
```
## Docker Compose Command
```
イメージをビルド
$ docker-compose build
コンテナ起動
$ docker-compose up -d
イメージをビルド＋コンテナ起動
$ docker-compose up -d --build
コンテナ終了（削除）
$ docker-compose down
コンテナ再起動
$ docker-compose restart
```
## 関連記事
- [【導入編】絶対に失敗しないDockerでLaravel + Vue.jsの開発環境（LEMP環境）を構築する方法〜MacOS Intel Chip対応〜](https://yutaro-blog.net/2021/04/28/docker-laravel-vuejs-intel-1/)
- [【前編】絶対に失敗しないDockerでLaravel + Vue.jsの開発環境（LEMP環境）を構築する方法〜MacOS Intel Chip対応〜](https://yutaro-blog.net/2021/04/29/docker-laravel-vuejs-2/)
- [【後編】絶対に失敗しないDockerでLaravel + Vue.jsの開発環境（LEMP環境）を構築する方法〜MacOS Intel Chip対応〜](https://yutaro-blog.net/2021/04/30/docker-laravel-vuejs-3/)