Prettier コンフィグジェネレーター

Prettier コンフィグジェネレーター

正しいPrettier設定を作成するため、ドキュメントを検索せずにチェックリストからすべてのフォーマットオプションを選択し、Markdown、HTML、YAMLおよびJSONの言語ごとのオーバーライドを追加し、結果を .prettierrc.json, .prettierrc.yaml、ESモジュール、CommonJSモジュール、または直接貼り付ける "prettier" キーを package.json. マッチする .prettierignore テンプレートが同時に生成され、リポジトリは最初のコミット時にフォーマット可能になります。

使用方法

1. 選択 出力形式 — JSONは最もシンプルな共有ファイル、YAMLは人間が編集しやすい、JSモジュールは条件分岐が必要な場合、またはpackage.jsonキーを使用してリポジトリ内のファイルを1つ減らしたい場合。
2. [名前]を設定してください 基本オプション: 行幅、タブ幅、セミコロン、クォートスタイル、トレーリングカンマ、ブレットスペース、アロー関数の括弧、および行終端スタイル。
3. チューニング JSX ブロックをReactを使用している場合に適用し、 マーカード＆HTML ブロックでプロセスの巻き戻しとスペース処理を調整。
4. 任意の 言語ごとのオーバーライド を適用して、特定のファイルタイプに異なるルールを適用 — たとえば、JSONの幅を広くしたり、HTMLの属性1行にしたり。 printWidth 生成された設定に。プロジェクトのルートに配置し、
5. クリック コピー または ダウンロード すべての公式Prettierオプション npx prettier --write ..

機能

• — printWidth、tabWidth、useTabs、semi、singleQuote、quoteProps、jsxSingleQuote、trailingComma、bracketSpacing、bracketSameLine、arrowParens、endOfLine、proseWrap、htmlWhitespaceSensitivity、singleAttributePerLine。 5つの出力形式
• — JSON、YAML、ESM（.mjs）、CommonJS（.cjs）、およびpackage.jsonのフラグメント。 言語ごとのオーバーライドブロック
• Markdown、HTML、YAML、およびJSONに適切なデフォルト値を提供し、そのままコピーまたは調整できます。 自動生成
• テンプレートは、ビルド出力、依存関係、ロックファイル、最小化されたアセット、および一般的なフレームワークキャッシュフォルダをカバーします。 .prettierignore JSDoc
• アノテーション @type JSモジュール出力に設定され、エディタが自動補完と型チェックを有効にします。 — すべての変更が即時更新され、オプション組み合わせをA/B比較できるようになります。
• ライブプレビュー なぜPrettierはあらゆるオプションを故意に少なくしているのか？