ホームページ  >  記事  >  ソフトウェアチュートリアル  >  Vscode でよりきれいなプラグインを使用する方法_Vscode でよりきれいなプラグインを使用する方法

Vscode でよりきれいなプラグインを使用する方法_Vscode でよりきれいなプラグインを使用する方法

王林
王林転載
2024-04-02 14:49:041163ブラウズ

php エディタ Xiaoxin は、Vscode でより優れたプラグインを使用する方法を紹介します。 Vscode は強力なコード エディターであり、より美しいプラグインは重要な機能プラグインです。 Prettyer プラグインを使用すると、コードを簡単にフォーマットし、コードをよりクリーンで美しくすることができます。この記事では、Vscode での prettier プラグインのインストールと構成、およびコードのフォーマットに prettier プラグインを使用する方法を詳しく紹介します。 Vscode のさらに美しいプラグインの魅力を探ってみましょう。

1. まず、Vscode を開きます。prettier プラグインがインストールされていない場合は、まずインストールしてください。インストール方法は、[拡張機能] アイコンをクリックし、[prettier] を検索して、公式プラグインを見つけます。 -inしてインストールします。

Vscode でよりきれいなプラグインを使用する方法_Vscode でよりきれいなプラグインを使用する方法

2. 次に、サンプル コードを準備します。次の図は、比較的わかりにくい形式の HTML コードです。

Vscode でよりきれいなプラグインを使用する方法_Vscode でよりきれいなプラグインを使用する方法

3. サンプル コードを開く vscode ウィンドウで、ショートカット キー [CTRL Shift P] を使用して vscode コマンド ボックスを開き、ボックスに [format] キーワードを入力します。 2 つのオプションが表示されます:

1. 文書の書式設定 (ショートカット キー Shift Alt F) で文書全体を書式設定します

2. 選択範囲の書式設定 (ショートカット キー Ctrl K、Ctrl F) で文書全体を書式設定します選択コード 形式

必要に応じてオプションの 1 つを選択できます。

Vscode でよりきれいなプラグインを使用する方法_Vscode でよりきれいなプラグインを使用する方法

4. 次に、[ドキュメントのフォーマット] を選択すると、次の図に示すように、コードが変更され、サンプル コードが美しく整然としたものになっていることがわかります。

Vscode でよりきれいなプラグインを使用する方法_Vscode でよりきれいなプラグインを使用する方法#5. 最後に、コードの一部を選択して右クリックすることもできます。右クリック メニューには 2 つのオプションもあります。既存のコードをフォーマットすることもできます。とても使いやすいです。

1. ドキュメントの書式設定 (Shift Alt F)

2. 選択の書式設定 (Ctrl K、Ctrl F)。

以上がVscode でよりきれいなプラグインを使用する方法_Vscode でよりきれいなプラグインを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はzol.com.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。