A brief discussion on how VSCode can automatically complete html tags and styles without plug-ins

This article will introduce to you how to automatically complete html tags, style styles, css attributes and values ​​​​with VSCode code without plug-ins. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Related recommendations: "vscode tutorial"

<span style="font-size: 20px;">No plug-ins required</span>, VSCode code auto-completion (<span style="font-size: 20px;">html tag </span>, <span style="font-size: 20px;">style style</span> , css attributes and values,), modify the configuration file and you are done!

---

Rendering · Demonstration is as follows:

---

##The operation steps are as follows:

This editor has been Chineseized, so the screenshots are as follows.

First, uncheck (controls whether quick suggestions are disabled within active snippets)

Modify the path (screenshot below):

• Settings-->

• Text Editor (recommended)-->

• Uncheck

  Suggest:Snippets Prevent Quick Suggestions (controls whether quick suggestions are disabled within active snippets)

• Complete the first step. All that's left is to modify the configuration file:

  settings.json

##How to modify the configuration File

---

settings.json

? 1. First find the file (as shown in the screenshot below) · Find and click "Settings":

2. Then, pop up (as shown in the picture below) Pop-up interface:

3. Then, click on the "yellow hollow rectangular box" (as shown above), and the

settings.json

file will pop up (screenshot as follows).

4. Start modifying the file

settings.json

Before modification·The entire code is as follows:

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

Modification After that, all the codes are as follows:

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

For more programming-related knowledge, please visit:

Programming Video

! !

The above is the detailed content of A brief discussion on how VSCode can automatically complete html tags and styles without plug-ins. For more information, please follow other related articles on the PHP Chinese website!