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

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

青灯夜游
Release: 2021-03-12 09:32:08
forward
3820 people have browsed it

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.

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

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:

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


##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

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

##How to modify the configuration File
settings.json

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

A brief discussion on how VSCode can automatically complete html tags and styles without plug-ins2. Then, pop up (as shown in the picture below) Pop-up interface:

A brief discussion on how VSCode can automatically complete html tags and styles without plug-ins3. Then, click on the "yellow hollow rectangular box" (as shown above), and the

settings.json

file will pop up (screenshot as follows).

A brief discussion on how VSCode can automatically complete html tags and styles without plug-ins4. Start modifying the file

settings.json

Before modification·The entire code is as follows:

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

Modification After that, all the codes are as follows:

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

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!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template