Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !-VSCode-php.cn

This article shares 13 practicalVSCodeplug-ins to improve development efficiency and eliminate the headache of writing code. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Recommended study: "vscode tutorial"

1. Codelf

Variable Naming Artifact

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

##2、View In Browser

Preview the html file being edited in the browser

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

# #3. Color Highlight

Highlight style color

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! ! #4. Bracket Pair Colorizer

Pairs of colored brackets, allowing the brackets to have independent colors for easy distinction

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! ! 5. Highlight Matching Tag

Highlight the corresponding HTML tag and identify the corresponding brackets

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

##6. Path Intellisense Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

When entering the path in the editor , can automatically complete

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Recommended study: "

vscode tutorial Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! ! "

7. Prettier - Code formatter

Format code

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

8、Auto Close Tag Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Auto-complete tag

9、Auto Rename Tag Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Automatically rename the html tag. If you modify the p tag to a, the ending tag p will be automatically modified to a

##10. HTML Snippets

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Intelligent prompts for HTML tags and their meaning

11. HTML CSS Support

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

When writing Class on the HTML tag, it can intelligently prompt the currently supported styles

12, indent-rainbow

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Colored indent

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

13. change-case

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Change naming style

Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

For more programming-related knowledge, please visit:Programming Video! !

The above is the detailed content of Sharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !. For more information, please follow other related articles on the PHP Chinese website!