Une brève discussion sur la façon dont VSCode peut compléter automatiquement les balises et les styles HTML sans plug-ins

Cet article vous présentera comment compléter automatiquement les balises html, les styles de style, les attributs et les valeurs CSS​​avec du code VSCode sans plug-ins. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Recommandations associées : "tutoriel vscode"

<span style="font-size: 20px;">不需要插件</span>, complétion automatique du code VSCode ( <code><span style="font-size: 20px;">html标签</span>balise html, <span style="font-size: 20px;">style样式</span><span style="font-size: 20px;">style style </span>, attributs et valeurs css,), modifiez le fichier de configuration et le tour est joué !

---

Le rendu · La démonstration est la suivante :

---

Les étapes de fonctionnement sont les suivantes :

Cet éditeur a été traduit en chinois, les captures d'écran sont donc les suivantes.

Tout d'abord, décochez (contrôle si les suggestions rapides sont désactivées dans les extraits actifs)

Modifiez le chemin (capture d'écran ci-dessous) :

• 设置 -->

• 文本编辑器 （建议）-->

• Suggest:Snippets Prevent Quick Suggestions (控制在活动代码片段内是否禁用快速建议)

  Décocher

• settings.json

  Terminer l'étape. Il ne reste plus qu'à modifier le fichier de configuration :

---

settings.json

Comment modifier le fichier de configuration

?

1. Recherchez d'abord le fichier (capture d'écran ci-dessous) · Recherchez et cliquez sur "Paramètres" :

2. l'image ci-dessous) Interface contextuelle :

settings.json

3. Ensuite, cliquez sur la "boîte rectangulaire creuse jaune" (comme indiqué ci-dessus) pour faire apparaître le fichier

( capture d'écran ci-dessous).

settings.json

4. Commencer à modifier le fichier

Avant modification·L'ensemble du code est le suivant :

{
    "window.zoomLevel": 0,
    "terminal.integrated.rendererType": "dom"
}

Après modification· L'ensemble du code est le suivant :

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

Pour plus de connaissances sur la programmation, veuillez visiter :

Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!