#LaravelでVue.jsを使うための環境構築
Laravelを学習後、Vue.jsも学んだのにどうやって一緒に使えばいいんだ。。。となったので自分の備忘として残します。
環境構築で出会ったエラーは、別記事で書こうと思っています。
####まずは、ComposerでLaravelをインストール
※ちなみに今回はMAMPを使用しています。
ターミナルでMAMPへ移動して、フォルダを作成します。
LaravelVueというフォルダを作成し、その中でプロジェクトを作成します。
$ cd /Application/MAMP/htdocs/
$ mkdir LaravelVue
####早速、Laravelをインストール
Appフォルダ内にLaravelプロジェクトを作成します。
--prefer-dist
と書くことで圧縮版になるので、インストールが早くできます。
※Laravel6.0系を使用
$ compose create-project laravel/laravel App --prefer-dist "6.0.*"
数分でダァーーーーーーーーっとファイルがインストールされます。
インストールがうまくいっているか確認します。
$ ls
$ cd App
これで以下のフォルダが確認できると成功です!
app config readme.md tests artisan database resources vendor
bootstrap package.json routes webpack.mix.js (以下省略)
Laravelがインストールできたら、動かしてみましょう。
コマンドを入力しhttp://127.0.0.1:8000
をブラウザに入力しましょう!
Laravelと書かれたページが表示されましたか?
ターミナルを操作するためには、Controlキー + C を押して下さい。
$ php artisan serve
Laravel development server started: http://127.0.0.1:8000
####Vueのスカフォールドをインストールする。
まずは、Composerをインストールします。
またまた、数分ダァーーーーーーーーっとインストール!
$ composer require laravel/ui --dev
続いてスカフォールドをインストール
またまたまたまた、数分かかります。
$ php artisan ui vue
$ npm install
$ npm run dev
これでひとまず環境構築だけは終わりました。
Dockerを使用する場合も基本同じなのか?今後やってみようと思います!
間違いがあれば、コメント頂けると助かります!