VSCode がプラグインを使用せずに HTML タグとスタイルを自動的に完成させる方法についての簡単な説明

この記事では、プラグインを使用せずに、VSCode コードを使用して HTML タグ、スタイル スタイル、CSS 属性および値を自動的に完成させる方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

#関連する推奨事項: 「

vscode チュートリアル #」

プラグインは必要ありません<span style="font-size: 20px;"></span>、VSCode コードのオートコンプリート (html タグ <span style="font-size: 20px;"></span>、style スタイル <span style="font-size: 20px;"></span> 、css 属性と値、)、構成ファイルを変更すれば完了です。

---

#レンダリング · デモは次のとおりです:

---

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

このエディタは中国語化されているため、スクリーンショットは次のとおりです。

まず、チェックを外します (アクティブなスニペット内でクイック提案を無効にするかどうかを制御します)

パスを変更します (下のスクリーンショット):

• 設定 -->

#テキスト エディター (推奨) -->

• #チェックを外します
Suggest:Snippets Prevent Quick Suggestions (アクティブなスニペット内でクイック提案を無効にするかどうかを制御します)

• 最初のステップを完了します。残っているのは、構成ファイルを変更することだけです:
settings.json

##方法設定ファイルsettings.json

を変更しますか?

---

1. まず、ファイルを見つけます (以下のスクリーンショットを参照) · 「設定」を見つけてクリックします:

2. 次に、ポップアップ (下の図に示すように) ポップアップ インターフェイス:

3. 次に、「黄色の中空の長方形のボックス」 (上図を参照) をクリックし、

settings.json ファイルがポップアップします (次のスクリーンショット)。

4. ファイル

settings.json

の変更を開始します。変更前 · コード全体は次のとおりです: <pre class="brush:php;toolbar:false">{     &quot;window.zoomLevel&quot;: 0,     &quot;terminal.integrated.rendererType&quot;: &quot;dom&quot; }</pre> 修正 その後、すべてのコードは次のようになります:

{
    "window.zoomLevel": 0,
    "terminal.integrated.rendererType": "dom",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "files.associations": {
        "*.vue":"html"
    }
}

プログラミング関連の知識については、

プログラミング ビデオ

を参照してください。 ！

以上がVSCode がプラグインを使用せずに HTML タグとスタイルを自動的に完成させる方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。