Laravelを始めるにあたって・開発環境構築・インストール・設定

2018/12/29 2019/1/6 Laravel

LaravelをCentOSに環境構築していく手順を記録しておきます。

見出し

1 事前準備
- 1.1 Laravel全体概要など
- 1.2 開発用環境
2 Composerインストール
3 Laravelダウンロード
4 Laravleインストール
5 Laravelデータベース設定等
6 Laravelフロントエンド設定

事前準備

Laravel全体概要など

事前情報として全体概要などこちらにまとめました。

Laravelについて全体概要やコマンド等

Laravelを始めたので概要やコマンド等を記録しておきます。内部でSymfonyを使用している。 Wiki情報 Laravel...

normalblog.net

2018-12-29 10:51

開発用環境

いつも使用している開発環境があれば良いですが、無ければPHP5.4からビルドインサーバが入っているのでをれを使用しても良いです。参考書などはだいたいこの方法が書かれているはずです。

ただ、自分は自前の仮想環境を持っておくと色々勉強になりますし便利なので、仮想環境をおすすめしています。仮想環境構築については以下に記載しています。

VirtualBoxとVagrantの仮想環境構築まとめ

VirtualBoxとVagrantの仮想環境構築まとめました。このページの手順で実績が取れた環境はこちらです。 win8.1 6...

normalblog.net

2015-11-21 00:38

Composerインストール

Composerを導入してバージョンの依存関係を管理

概要 PHP の Composer は Ruby on Rails でいう Gem のようなもののようで、複数のライブラリを使用し...

normalblog.net

2016-04-09 09:09

Laravelダウンロード

$ composer <span class="hljs-keyword">global</span> <span class="hljs-keyword">require</span> <span class="hljs-string">"laravel/installer=~1.1"
バージョン指定は
$ composer <span class="hljs-keyword">global</span> <span class="hljs-keyword">require</span> "laravel/laravel=5.5.*"
</span>

$ composer global require "laravel/installer=~1.1"

バージョン指定は

$ composer global require "laravel/laravel=5.5.*"

Laravleインストール

$ composer <span class="hljs-keyword">create</span>-<span class="hljs-keyword">project</span> laravel/laravel プロジェクト名 <span class="hljs-comment">--prefer-dist</span>

1	$ composer <span class="hljs-keyword">create</span>-<span class="hljs-keyword">project</span> laravel/laravel プロジェクト名 <span class="hljs-comment">--prefer-dist</span>

43MBくらいのプロジェクト名ディレクトリが作成されます。

Laravelデータベース設定等

config/の中にdatabase.phpがあり、この中を修正しても良いのですが、便利な事に予め外だしされています。.envに記載すればそちらがconfigを上書きされて読まれます。

しかも.gitignoreには既に.envがありますのでgitでそのまま管理してもコミットされませんのでDB情報を記載してpushしても良いです。助かりました。

Laravelフロントエンド設定

Vue.jsやsassが使用出来ます。その為にはNPMが必要です。

Node.jsインストール

curl -sL https://rpm.nodesource.com/setup_8.x | bash -

1	curl -sL https://rpm.nodesource.com/setup_8.x \| bash -

yum install nodejs

1	yum install nodejs

うまくインストール出来なかった時に一回削除しました。

yum -y remove nodejs

1	yum -y remove nodejs

NPMインストール

npm install

1	npm install

package.jsonの内容をインストールします。

※vagrant環境だとインストール出来なかったのでwin環境からインストールしました。

NPM実行

npm run dev
npm run production

1 2	npm run dev npm run production

Laravel Mix実行

npm run dev

1	npm run dev

Laravel Mix実行 +圧縮

npm run prod

1	npm run prod

変更監視して自動Mix実行

npm run watch
npm run watch-poll

1 2	npm run watch npm run watch-poll

以下に書かれているファイルがコンパイルされるようになります。

ex.webpack.mix.js

let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
 .sass('resources/assets/sass/app.scss', 'public/css');

let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')

.sass('resources/assets/sass/app.scss', 'public/css');

app.scssがpublic/css/app.cssとしてコンパイルされます。

他詳細　https://readouble.com/laravel/5.5/ja/mix.html