Prettier Configについて
手間をかけずにPrettierを設定できるよう、開発者のために作られた無料のオープンソースツール。
このツールとは？
Prettier Config GeneratorはPrettierの設定を簡単にするインタラクティブなWebアプリケーションです。手動でJSONを書いたり、ドキュメントで各オプションを調べたりする代わりに、すべてのPrettier設定を視覚的に切り替えて調整し、設定に対して実際のコードを16言語でフォーマットし、結果を1つのリンクで共有できます。ツールの設定ではなくコードを書くことに時間を使いたい開発者のために作られました。
機能
既存の設定をインポート
既存の .prettierrc、prettier.config.js、または package.json の prettier キーを貼り付けると、フォームが一致するように自動入力されます。調整、共有、またはコピーアウトしても、すべてのキーが保持されます。
すべてのPrettierバージョン
Prettier 3.xの任意のリリース（3.0〜3.6およびlatest）を選択できます。そのバージョンの正確なオプションがjsDelivrからオンデマンドで読み込まれます。
すべての言語、両方の tab
Preview は parser ごとに専用設計のサンプルを用意しています（TypeScript / JS、CSS、HTML、JSON / JSON5 / JSONC、Markdown、YAML、Vue、GraphQL など）。これにより、すべての Prettier オプションが効果を見せる場所を持ちます。Your Code は貼り付けた内容から parser を自動検出し、手動での上書きも可能です。
本格的なコードエディタ
CodeMirror 6が入力パネルを担い、シンタックスハイライト、行番号、Tabインデント、ライト／ダークモードに連動するテーマを提供します。
共有可能な設定
共有をクリックするとバージョン、オプション、コード、パーサーがURLハッシュにまとめられます。どこへでも送信でき、すべてブラウザ内に留まります。
GitHubスタイルのDiff
Prettierが何を変更したかを統合または分割のdiffで正確に確認でき、pull requestと同じく+X / −Yの集計ヘッダーも表示されます。
AIトークンカウンター
GPT-4o、GPT-4、GPT-3.5、Claude、Gemini、Llama 3、Mistral向けに入力と出力のトークン数をリアルタイムでカウント——AIパイプラインのコスト見積もりに便利です。
パースエラーの可視化
Prettierが入力を拒否すると、SyntaxErrorとその行:列が静かに飲み込まれることなくdiffの上に表示されます。
選択の永続化
Prettierバージョンとオプション選択はlocalStorageに保存されるため、更新しても——明日戻ってきても——すべて元のままです。
20言語対応
英語、タイ語、中国語、スペイン語、ヒンディー語、ドイツ語、フランス語、ポルトガル語、日本語、韓国語、ロシア語、ベトナム語、インドネシア語、イタリア語、ポーランド語、トルコ語、ウクライナ語、ベンガル語に加え、アラビア語とペルシア語（RTL）に完全ローカライズ。
使用技術
オープンソース
このツールは完全に無料でオープンソースです。コントリビューション、バグ報告、提案をいつでも歓迎します。
GitHubで見る