1. ホーム
  2. visual-studio-code

[解決済み】VS Codeで保存時にコードをフォーマットする方法

2022-03-27 11:51:08

質問

Visual Studio Codeでファイルを保存する際に、ビルドインフォーマッターを使用してTypeScriptコードを自動的にフォーマットしたいのですが、可能でしょうか?

以下のような選択肢があることは承知していますが、どれも十分ではありません。

  • 手動でフォーマットする Shift + Alt + F
  • タイプ別フォーマット "editor.formatOnType": true
    • Enterキーを押した時に行をフォーマットします。残念なことに、他の行をマウスでクリックしたり、上下の矢印を押したりすると、書式が解除されたままになります。
  • 既存の拡張機能を利用する
    • 私はこれを試してみました が、あまりうまく動作しないようです。
  • 美化を使用する "beautify.onSave": true
    • TypeScriptでは動作しません
  • カスタムエクステンションを書く
    • オートセーブやビルドを正しく処理したい場合はやっかいです。

解決方法は?

2016年9月(VSCode1.6)より、正式にこのようになりました。 対応 .

を追加してください。 settings.json ファイルを作成します。

"editor.formatOnSave": true