154
100

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2019-11-08

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

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

154
100
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
154
100

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?