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)-->
Suggest:Snippets Prevent Quick Suggestions (controls whether quick suggestions are disabled within active snippets)
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.jsonBefore 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 VideoThe 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!