84
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

updated at

Organization

Visual Studio Codeで保存時自動整形の設定方法

Visual Studio Codeで保存時自動整形の設定方法

保存時に自動整形する方法を自分なりに検索してみたので、以下にまとめています。

自動整形

結論から述べると、
Visual Studio Code自体に自動整形の設定ができる
設定項目がありました。

auto_formatter_how_to_01.png

設定手順

  1. [ファイル] > [基本設定] > [設定] で設定画面を開きます。
    auto_formatter_how_to_02.png

  2. 検索ボックスに 『formaton』 と入力すると、
    『Editor: Format On Save』 があるので、これにチェックを入れます。
    auto_formatter_how_to_03.png

これで完成です。

と、そのはずだったのですが、試してみても上手くいかないんです。
自分はここで一旦詰まりました。
チェックを入れても自動整形されない・・・。

1つの記事ではわからないので、色々な記事を調べて、次の記事と繰り返して見つけたのが、
[Alt] + [Shift] + [F]を毎回押すのめんどくさい という言葉でした。

押してみると、
auto_formatter_how_to_04.png

フォーマッターが入ってなかったみたいです(泣)

自動整形してくれるフォーマッターがないのに、自動整形っていうのは無茶でした。

フォーマッター

というわけで、 [Alt] + [Shift] + [F] を押してみると
フォーマッターがないということが分かったので、
フォーマッターをインストールです。

[フォーマッタをインストール]をクリックしてみると、
現在触っている言語が PHP だったので、
PHP用のフォーマッターが自動で検索されました。
auto_formatter_how_to_05.png

『PHP Intelephense』 をインストールして、
保存してみると、できました!!!

感動よりも、解決できてホッとする方が本音でした。
困っている方の参考になればと思います。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
84
Help us understand the problem. What are the problem?