VS Codeで保存時にコードをフォーマットする方法 質問する

VS Codeで保存時にコードをフォーマットする方法 質問する

Visual Studio Code でファイルを保存するときに、組み込みフォーマッタを使用して TypeScript コードを自動的にフォーマットしたいと思います。

以下のオプションがあることは承知していますが、どれも十分ではありません。

  • 手動でフォーマットするShift + Alt + F
  • 型によるフォーマット"editor.formatOnType": true
    • Enter キーを押すと行がフォーマットされます。残念ながら、別の行をマウスでクリックしたり、上矢印/下矢印を押したりすると、フォーマットは解除されます。
  • 既存の拡張機能を使用する
    • これを試してみた1つですが、あまりうまく機能していないようです。
  • 美化機能を使う"beautify.onSave": true
    • TypeScriptでは動作しません
  • カスタム拡張機能を書く
    • 自動保存とビルドを正しく処理したい場合は、注意が必要です。

ベストアンサー1

2016年9月現在(VSCode 1.6)、これは正式にサポートされている

ファイルに次の内容を追加しますsettings.json

"editor.formatOnSave": true

設定にアクセスするためのメニューはこちらですここに画像の説明を入力してください

おすすめ記事