VSCodeで保存時にPrettierがフォーマットされない問題の解決方法

2024-02-08 16:21 VSCode prettier フォーマット

  1. Prettierがインストールされているか確認する:

    • VSCodeの拡張機能からPrettierがインストールされていることを確認してください。もしインストールされていない場合は、拡張機能マーケットプレイスからPrettierをインストールしてください。

  2. 設定ファイルの確認:

    • プロジェクト内に.prettierrcや.prettierrc.jsonといったPrettierの設定ファイルが存在するか確認してください。もしある場合は、設定が正しいかどうかを確認してください。

  3. VSCodeの設定を確認する:

    • VSCodeの設定を開き、settings.jsonファイルを編集します。以下の設定を追加してみてください: 
      "editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"

      上記の設定は、保存時に自動的にPrettierが適用されるようにします。

  4. 他の拡張機能との競合を確認する:

    • インストールされている他のフォーマッター系の拡張機能と競合している可能性があります。VSCodeの拡張機能一覧から競合するフォーマッター拡張機能を無効にしてみてください。

  5. ワークスペースの設定を確認する:

    • 複数のワークスペースを使用している場合は、それぞれのワークスペースでPrettierの設定が正しく行われているか確認してください。