🍡
VSCodeのformatterが効きすぎる問題
TypeScriptのプロジェクトで複数のformatterが衝突したような挙動をする
TL; DR
- VSCodeの環境設定で
Editor > Default Formatterを確認する -
Noneになっていたら自分の使いたいformatterに変更する
😣
今までこんなことがなかったので気付かなかったのですが、
VSCodeのDefault Formatterが None のとき、
TypeScriptのプロジェクトではVSCode内蔵の vscode.typescript-language-features (TypeScript and JavaScript Language Features) のformatterが 他のcode formatting系拡張機能の有効無効に関わらず 動くようです
私のハマった状況では、space-before-function-paren をESLint拡張機能が正しく直したあと、typescript-language-featuresが間違っている形式に戻すような挙動になっていました
何が悪さをしているのかもわからなかったので、別マシンのまっさらなVSCodeでそれっぽいDefault Formatterを片っ端から設定して試してみて見つけました…
検索してもformatterが動かない人しか見つからなかったので、同じような症状に悩んでいる方の助けになれば幸いです
Discussion