LaravelとVue.jsを使ってプロジェクトを作成してみる

どちらも便利なフレームワークなんだけど、共存させたらどの程度便利なのか、それとも不便になるところがあるのかを確認してみたいと思ったので、便利だったときのために、その手順をメモ。

Laravelでプロジェクトを作成

laravel-install.sh

$ composer create-project "laravel/laravel" laravel-vue

最近のLaravelには、最初からVue.jsがpackage.jsonに入っているので、インストールは下記コマンドだけ。

vue.js-install.sh

$ cd laravel-vue
$ cat package.json | grep vue
        "vue": "^2.5.17"
$ npm install

vue.js-preparation.sh

$ npm run dev
$ ls public/js/app.js
$ ls public/css/app.css

これをしておくことで、assetを変更すると自動的にコンパイルしてくれるようになる。
ただし、動き続けるので、ターミナルは1つ犠牲に･･･

watch-script.sh

$ npm run watch

ローカルサーバーを立ち上げる。
ただし、動き続けるので、ターミナルは、もう1つ犠牲に･･･

start-server.sh

$ php artisan serve

色々書いたものの、ターミナルを2つも占有してしまう(npm run watch/php artisan server)ことを考えると、Dockerで専用の環境を提供した方がいろいろ良さそうな気がしてきた･･･