Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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』 をインストールして、
保存してみると、できました!!!

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

mitashun
生まれたての初心者。 主に備忘録として、知識をまとめています。 気になること、誤っていることなどあれば、遠慮なくお願いします。
m-gild
最先端技術のMEISTERを目指し、お互い切磋琢磨するGUILD。Webシステム/サービス開発、スマホアプリ開発、AR/VR/MR開発など、様々なニーズに応えます。
https://www.m-gild.com/
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