web-dev-qa-db-ja.com

VS CodeのcodeActionsOnSaveとformatOnSaveの違い

VSコードの新しいバージョンには、新しいcodeActionsOnSaveオプションが含まれています。たとえば、Eslintをセットアップすることをお勧めします。ただし、既存のformatOnSaveオプションとの違い、_defaultFormaterオプションとの関係、PrettierやESLintなどのプラグイン、VSコードのデフォルトの動作がわかりません。

「修正」はより完全に見えますが、「フォーマット」を無効にすると、保存時に常にコードがフォーマットされるとは限りません。 EslintとPrettierのフォーマットが競合する傾向もあります...

基本的に、VSコードに関する理解が不足しているため、適切なVSコードのフォーマット設定を設定する方法が不明確です。設定。

typescriptvisual-studio-codeeslintvscode-settingsprettier
5
Eric Burel

私は自分のVSコードでESLintとPrettierを一緒に正しく実行しようとしています。

次に VSCode 1.44（2020年3月） はcodeActionsOnSaveとformatOnSaveの別の違いを強調します：

Editor.codeActionsOnSaveの明示的な順序

これでeditor.codeActionsOnSaveを順番に実行するコードアクションの配列に。これを使用して、特定のコードアクションが競合する可能性のある別のコードアクションの前または後に常に実行されることを保証できます。

以下 editor.codeActionsOnSaveは常に実行されますOrganize Imports に続く Fix Allインポートの整理が完了すると：

"editor.codeActionsOnSave": [
    "source.organizeImports",
    "source.fixAll"
]
1
VonC