vscodeできれいなものを構成する方法は？

きれいな構成手順には、プラグインのインストール、デフォルトのフォーマットツールの設定、構成ファイルの作成、自動フォーマットの保存、およびその他の予防策が含まれます。まず、VSCODE用のきれいなプラグインをインストールし、デフォルトのフォーマットツールとして設定します。次に、プロジェクトルートディレクトリに.prettierrcファイルを作成して、フォーマットルールを定義します。次に、VSCODE設定で「Format on Save」を有効にします。最後に、ローカルのきれいなもののインストール、構成ファイルが正しいことを確認し、プラグイン干渉の問題のトラブルシューティングに注意してください。

Prettierは非常に人気のあるコードフォーマットツールであり、VSCODEと組み合わせて使用すると、開発効率を大幅に改善できます。構成は実際には複雑ではありません。重要なのは、プロジェクトに合った設定を見つけることです。

きれいなプラグインをインストールします

まず、VSCODEにきれいなプラグインをインストールする必要があります。 vscodeを開き、左側の拡張機能アイコンをクリックします（または、ショートカットキーCtrl Shift Xを使用）、「prettier -code formatter」を検索し、[見つけた後にインストール]をクリックします。

インストールが完了したら、デフォルトのフォーマットツールとして設定することをお勧めします。

• コマンドパネルを開きます： Ctrl Shift P
• 「フォーマットドキュメント...」を入力します
• デフォルトのフォーマットツールとしてプレシティを選択します

これにより、フォーマット関数が使用されるたびに、きれいなものが自動的に呼び出されます。

.prettierrc構成ファイルを作成します

きれいのコアは構成にあります。プロジェクトルートディレクトリに.prettierrcファイルを作成して、フォーマットルールを定義します。例えば：

 {
  「printwidth」：80、
  「tabwidth」：2、
  「usetabs」：false、
  「セミ」：本当、
  「シングルクロート」：false、
  「TrailingComma」：「ES5」、
  「ブラケットペーシング」：本当、
  「Arrowfunctions」：「常に」
}

これらの構成項目は、コードフォーマットの特定の動作を決定します。チームの仕様や個人的な好みに従って調整できます。

それをどのように一致させるかわからない場合は、コミュニティからいくつかの一般的な構成を参照として見つけてから、徐々に微調整できます。

保存時に設定が自動的にフォーマットされました

多くの人々は、ファイルを保存するときにコードを自動的にフォーマットするのが好きです。これは簡単に保存して統合できます。

操作手順は次のとおりです。

• vscode設定を開く（ Ctrl , ）
• 「保存のフォーマット」を検索する
• 「エディター：保存のフォーマット」を確認してください

また、エクスペリエンスをさらに強化するために、「貼り付けの形式」と「タイプのフォーマット」を有効にすることもできます。

プロジェクトが.prettierrcを正しく構成しない場合、またはきれいなパッケージがインストールされていない場合、フォーマットが失敗する可能性があることに注意してください。

その他のヒントや予防策

フォーマットが効果的ではないことがわかり、いくつかの理由があるかもしれません。

• きれいなグローバルまたはローカルインストールはありません（プロジェクトに推奨されるインストール）
• デフォルトのフォーマットツールは正しく設定されていません
• ファイルタイプは、他のプラグインによってサポートまたは干渉されていません

ソリューションは次のとおりです。

• npm install --save-dev prettierローカルバージョンをインストールします
• .prettierrcファイルが正しい位置と形式にあることを確認してください
• 出力パネルで、よりきれいなログのトラブルシューティングを表示します

基本的にそれだけです。構成後1回、その後の開発は一貫したコードスタイルを維持できます。簡単ですが、詳細を無視するのは簡単です。

以上がvscodeできれいなものを構成する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。