Mit 13 praktischen VSCode-Plug-Ins werden Sie beim Schreiben von Code keine Kopfschmerzen mehr haben! !

In diesem Artikel werden 13 praktische VSCode-Plug-ins vorgestellt, um die Entwicklungseffizienz zu verbessern und die Kopfschmerzen beim Schreiben von Code zu beseitigen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Empfohlenes Lernen: „vscode-Tutorial“

1. Codelf

Variable Naming Artifact变量命名神器

2、View In Browser

在浏览器里面预览正在编辑的html文件

3、Color Highlight

高亮显示样式颜色

4、Bracket Pair Colorizer

成对的彩色括号，让括号拥有独立的颜色，便于区分

5、Highlight Matching Tag

高亮显示对应的HTML标签以及标识出对应的各种括号

6、Path Intellisense

在编辑器中输入路径的时候，能自动补全

推荐学习：《vscode教程》

7、Prettier - Code formatter

格式化代码

8、Auto Close Tag

自动补全标签

9、Auto Rename Tag

自动重命名html标签，如修改p标签为a，将自动修改结尾标签p为a

10、HTML Snippets

智能提示HTML标签，以及标签的含义

11、HTML CSS Support

在HTML标签上写Class的时候能够智能提示当前所支持的样式

12、indent-rainbow

带颜色的缩进

13、change-case

转换命名风格

🎜🎜🎜🎜🎜🎜🎜2. Im Browser anzeigen🎜🎜🎜Vorschau der HTML-Datei, die im Browser bearbeitet wird🎜🎜🎜🎜🎜

🎜3、Color Highlight🎜

🎜High Highlight-Stilfarbe code>🎜🎜<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/024/dc7969b06aee38ecc0d93236a0ba9275-5.png?x-oss-process=image/resize,p_40" class="lazy" alt="Bildbeschreibung hier einfügen">🎜🎜<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/024/7e2eed36d9fe36745452ebd615a5f7e9-21.png?x-oss-process=image/resize,p_40" class="lazy" alt="Bildbeschreibung hier einfügen">🎜🎜🎜4 , Bracket Pair Colorizer🎜🎜🎜Paare farbiger Klammern, sodass Klammern zur einfachen Unterscheidung unabhängige Farben haben können🎜🎜🎜🎜🎜🎜🎜5. Markieren Sie das passende Tag🎜🎜🎜Markieren Sie das entsprechende HTML-Tag und identifizieren Sie die entsprechenden Klammern 🎜🎜🎜🎜🎜🎜🎜6, Path Intellisense🎜🎜🎜Bei der Eingabe des Pfades im Editor kann dieser automatisch vervollständigt werden 🎜🎜🎜🎜🎜🎜Empfohlenes Lernen: „🎜vscode-Tutorial🎜“🎜🎜🎜 7. Prettier – Code-Formatierer🎜🎜🎜Code formatieren🎜🎜🎜🎜🎜

🎜8. Auto-Close-Tag🎜

🎜Auto-Complete-Tag 🎜🎜🎜🎜9, Tag automatisch umbenennen🎜🎜HTML-Tag automatisch umbenennen. Wenn Wenn Sie das p-Tag in a ändern, wird das End-Tag p automatisch in a geändert🎜🎜🎜

🎜10, HTML-Snippets🎜

🎜Intelligente Eingabeaufforderungen für HTML-Tags und ihre Bedeutung🎜🎜🎜

🎜11. HTML-CSS-Unterstützung🎜🎜Wenn Class in das HTML-Tag geschrieben wird, können die aktuell unterstützten Stile intelligent aufgerufen werden 🎜🎜🎜

🎜12 , indent-rainbow🎜

🎜Farbiger Einzug🎜🎜🎜🎜🎜

🎜13, case-change🎜

🎜 Benennungsstil konvertieren🎜

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonMit 13 praktischen VSCode-Plug-Ins werden Sie beim Schreiben von Code keine Kopfschmerzen mehr haben! !. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!