Home  >  Article  >  Development Tools  >  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! !

青灯夜游
青灯夜游forward
2021-04-01 10:34:363833browse

This article shares 13 practical VSCode plug-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! !

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

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

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 IntellisenseSharing 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 tutorialSharing 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 TagSharing 13 practical VSCode plug-ins, you will no longer have a headache when writing code! !

Auto-complete tag

9、Auto Rename TagSharing 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! !

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!

Statement:
This article is reproduced at:csdn.net. If there is any infringement, please contact admin@php.cn delete