コンテンツへスキップ
🛠️ToolsShed

Prettier Config Generator

好みのコードフォーマット オプションを選択して.prettierrc設定ファイルを生成します。

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": false,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "arrowParens": "always",
  "proseWrap": "preserve",
  "endOfLine": "lf"
}

このツールについて

Prettier Config Generator は、Prettier がサポートするすべてのフォーマットオプションを覚えなくても .prettierrc ファイルを作成できるツールです。JavaScript や TypeScript プロジェクトのコード整形を一貫して自動化し、スタイルをめぐる議論をなくすという共通の課題を解決します。

セミコロン、シングルクォートかダブルクォートか、タブ幅、末尾カンマ、行幅などの必要なオプションを切り替え、生成された .prettierrc をそのままプロジェクトのルートにコピーするだけです。新規プロジェクトの立ち上げ、チームのスタイル統一、新メンバーのオンボーディングに最適です。

ヒント: 設定ファイルをリポジトリにコミットすれば、チーム全員が同じ形式でコードを整形でき、差分もきれいに保てます。すべての処理はブラウザ内でローカルに実行されるため、設定やコードが端末の外に出ることはありません。

よくある質問

コード実装

import json

# Generate .prettierrc configuration
config = {
    "printWidth": 80,
    "tabWidth": 2,
    "useTabs": False,
    "semi": True,
    "singleQuote": False,
    "trailingComma": "es5",
    "bracketSpacing": True,
    "arrowParens": "always",
    "endOfLine": "lf"
}

with open(".prettierrc", "w") as f:
    json.dump(config, f, indent=2)

print("Generated .prettierrc:")
print(json.dumps(config, indent=2))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.