予約システムを作る #3：プロジェクト作成

まずはプロジェクト作成から

Laravelプロジェクト作成

プロジェクト名 "booking" で作成する
C:\xampp\htdocs フォルダ上で以下コマンド実行

composer create-project --prefer-dist laravel/laravel booking

動作確認：

c:\xampp\htdocs\booking フォルダへ移動し "php artisan serve" を実行
ブラウザで http://localhost:8000 へアクセスし、Laravelの画面が表示されればOK

laravel/uiインストール

composer require laravel/ui

Vueインストール

php artisan ui vue

プロントエンドパッケージインストール

npm install

Vue Routerインストール

npm install --save vue-router

fullcalendarインストール

npm install @fullcalendar/core @fullcalendar/timegrid @fullcalendar/interaction moment-timezone @fullcalendar/moment-timezone

フロントエンドビルド

npm run dev

動作確認

c:\xampp\htdocs\booking フォルダへ移動し "php artisan serve" を実行 (未実行であれば)
ブラウザで http://localhost:8000 へアクセスし、Vueの画面が表示されればOK

---

予約システム