VSCode整形プラグイン PHP Intelephense ＋ Pretter – Code formatter

整形ツールなに使ってますか？

言われるがままプラグインをインストールしていった結果、スニペットを入力途中に勝手に整形されて「ああ！もう！」って感じになってた。
かなりのストレスになってて、ちょっと見直さないとなと思ってた。

使いやすくなったので、後学のために設定をメモしておく。

使う整形用のプラグインは以下のふたつ。

Pretter – Code formatter

HTML,CSS,JavaSpriptの整形を行う。

あわせて読みたい

Prettier – Code formatter – Visual Studio Marketplace Extension for Visual Studio Code – Code formatter using prettier

PHP Intelephense

(HTMLに含まれる)phpの整形を行う。

あわせて読みたい

PHP Intelephense – Visual Studio Marketplace Extension for Visual Studio Code – PHP code intelligence for Visual Studio Code

Pretter と PHP Intelephense の設定法

歯車を押して設定を変更していく。

一番上の検索窓に以下の項目を入れて検索する。

これで、スニペットを入れる途中で整形されるという心配はなくなった！

Advanced Custom Fields を使っている場合はまだエラーが出る

このままの設定ではAdvanced Custom Fields で使われている関数が読み込めないので、読み込めるようにする。

設定しても変わらない時は、vsCodeを再起動する。

手動の整形

上記の設定にしてからscssを触ったところうまく整形が出来なかった。

以下の方法でまた整形できるようになったので、メモしておく。

以上の操作後、Editの設定を見てみたが「PHP Intelephense」が設定されているし、phpファイルの整形もきちんとできた。

手動で整形する

「Shift」+「Alt」＋「F」で整形させる。