忘れがちなPhpStormの設定あれこれ

PhpStormの設定どうやったっけ？、、、という場合の備忘録です。

# マシンスペック
* Mac mini 2018
* macOS Catalina（10.15.x）
* Intel Core-i7 3.2GHz 6コア
* メモリ 32GB
* SSD 512GB

# 環境
- VM
 - Vagrant
- IPアドレス
 - 192.168.56.105
- ユーザー/パスワード
 - vagrant/vagrant
- データベース/ユーザー/パスワード
 - hoge/fuga/vagrant#VAGRANT1234

# やること
* PhpStormの設定

# 前提
* Laravelの開発環境がある
* SSH接続できるVM環境がある
* Xdebugでデバッグできる環境がある
* PhpStormをインストール済み
* PhpStormバージョン：PhpStorm 2020.1.4 Build #PS-201.8743.18, build on July 22, 2020

# PhpStormの設定

### PHP_CodeSnifferの設定

「Installed standard paths:」のファイル選択は必要か分からないですが、とりあえず「vendor/bin/phpcs」を選択してます。

<img width="1066" alt="スクリーンショット 2020-07-26 23.30.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/e345fe8d-f62b-f19e-30a7-efedda9cc622.png">

### パスマッピングの設定

これが一番面倒ですね、毎度ウンザリします。
ただ、これさえ設定してしまえば、あとは楽チンです。

<img width="1004" alt="1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/a60d2b9a-eb55-7278-9757-136fd4e7ecbf.png">

<img width="842" alt="2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/e18304ca-bc0d-cb1f-1c75-fa9e206156f0.png">

<img width="609" alt="3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/7cd56d5c-dd8c-cef0-4417-51abf7a98feb.png">

<img width="836" alt="4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/0bf42652-8221-8c35-afa9-481ef51af6c3.png">

<img width="605" alt="5.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/35f9b99f-914c-56f0-8acd-f71ed033a70f.png">

<img width="915" alt="6.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/997b9c79-f2b6-a712-4bd5-7c5e825c5c01.png">

<img width="1002" alt="7.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/d8f1420c-5f43-56af-f104-c6eec6493850.png">

<img width="659" alt="8.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/d0bae591-3be2-043f-9324-a53c5615f11d.png">

<img width="1003" alt="9.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/c4b5a058-cfcc-d82e-45bd-60203e54387c.png">


# デバッグ設定

### リモートデバッグ設定

ブラウザ実行時のデバッグ設定です。
[Laravel Dusk](https://readouble.com/laravel/5.6/ja/dusk.html)の方が便利なんですかね、分からないですけど、僕はコッチ派です。

<img width="446" alt="1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/cce6c428-a1ba-fd32-d087-e59fca5f52dc.png">

<img width="277" alt="2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/abcb7b08-297b-5a8e-0873-dd44d2aac5cd.png">

<img width="1071" alt="3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/28cb2645-d4bf-6604-b44b-58ce3f52d6af.png">

<img width="822" alt="4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/e91e9a90-d146-9411-02fe-8759ad9cfade.png">

<img width="1072" alt="5.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/cf727c8e-19f9-f434-c195-15db88099ee4.png">


# データベース設定

DBにも接続できて便利ですね、SSHトンネルもできますし。

<img width="453" alt="1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/f97414e8-2556-c6da-46cb-9895bb7752af.png">

<img width="242" alt="2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/ec702863-bbed-cae7-b273-9fed57fd8069.png">

<img width="805" alt="3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/b2a5bef8-b4ea-da55-5dc5-18db086d9c6b.png">

<img width="802" alt="4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/93b9ba27-7ebd-d43a-b3d5-26bb4dd4cb44.png">

<img width="803" alt="5.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/9a76c592-8e75-9c58-5005-62ecbe53054c.png">

<img width="431" alt="6.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/079cb48c-7939-4410-9268-4cfe6631e612.png">


# ターミナル設定

特に設定という事はないです、開くだけです。

<img width="443" alt="1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/208ee247-9351-7538-1096-180e1c9fbb05.png">

<img width="214" alt="2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/5d214e30-b403-2476-6a17-95644def4ac0.png">

<img width="478" alt="3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/111551/4669a2ec-4bbd-f1e5-a12b-c7e76da531b1.png">