More than 3 years have passed since last update.

Laravel8でBootstrapを使えるようにする

Last updated at 2021-11-08Posted at 2021-10-19

#はじめに
Laravelで新規プロジェクトを立ち上げるごとにBootstrapを使えるよう設定が必要です。
Composerを既にインストール済の状態からBootstrapを使えるようにする手順を以下にまとめました。

#Laravel8でBootstrapを使えるようにする方法
以下の手順をターミナルで実行します。

①Composerを使ってインストール

composer require laravel/ui

②artisanコマンドを実行

php artisan ui bootstrap

③言われた通りコマンドを打ち込み実行

npm install && npm run dev

※実行できない場合は

npm install

を事前に実行してから

npm run dev

を実行する。
これで完了です。

#Bootstrapを実際に使ってみる。
Bootstrapを使いたいファイルにて下記のようにcssとjsを読み込む。

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="{{ asset('js/app.js') }}"></script>

#おわりに
ターミナルで実行するコマンドをシェルスクリプトにまとめてみてもいいかもしれません。