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

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

王林
リリース: 2024-04-02 14:49:04
転載
1241 人が閲覧しました

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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート