Home  >  Article  >  Development Tools  >  Recommended practical VSCode plug-ins to improve development efficiency

Recommended practical VSCode plug-ins to improve development efficiency

青灯夜游
青灯夜游forward
2020-08-24 13:38:262965browse

This article recommends some practical VSCode plug-ins to improve development efficiency! ! It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Recommended practical VSCode plug-ins to improve development efficiency

#Technology is open source and knowledge is shared.
Use knowledge to change our destiny and let our families live a better life.

1. Codelf

Variable Naming Artifact

Recommended practical VSCode plug-ins to improve development efficiency

Recommended practical VSCode plug-ins to improve development efficiency

Recommended practical VSCode plug-ins to improve development efficiency

##2. View In Browser

Preview the html file being edited in the browser

Recommended practical VSCode plug-ins to improve development efficiency

Recommended practical VSCode plug-ins to improve development efficiency

3. Color Highlight

Highlight style color

Recommended practical VSCode plug-ins to improve development efficiency

Recommended practical VSCode plug-ins to improve development efficiency##4. Bracket Pair Colorizer

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

Recommended practical VSCode plug-ins to improve development efficiency

##5. Highlight Matching TagRecommended practical VSCode plug-ins to improve development efficiency

Highlight the corresponding HTML tags and identify the corresponding brackets

Recommended practical VSCode plug-ins to improve development efficiency

##6、Path Intellisense

Recommended practical VSCode plug-ins to improve development efficiencyWhen entering the path in the editor, it can automatically complete

Recommended practical VSCode plug-ins to improve development efficiency##7. Prettier - Code formatter

Format codeRecommended practical VSCode plug-ins to improve development efficiency

Recommended practical VSCode plug-ins to improve development efficiency8、Auto Close Tag

Auto-complete tagRecommended practical VSCode plug-ins to improve development efficiency

9. Auto Rename Tag

Automatically rename the html tag. If you modify the p tag to a, the ending tag p will be automatically modified to aRecommended practical VSCode plug-ins to improve development efficiency

10. HTML Snippets

Intelligent prompts for HTML tags and their meaningsRecommended practical VSCode plug-ins to improve development efficiency

11. HTML CSS Support

When writing Class on the HTML tag, you can intelligently prompt the currently supported stylesRecommended practical VSCode plug-ins to improve development efficiency

12, indent-rainbow

Colored indentRecommended practical VSCode plug-ins to improve development efficiency

Recommended practical VSCode plug-ins to improve development efficiency13. change-case

Convert naming styleRecommended practical VSCode plug-ins to improve development efficiency

##Recommended: Recommended practical VSCode plug-ins to improve development efficiencyvscode basic tutorial

The above is the detailed content of Recommended practical VSCode plug-ins to improve development efficiency. 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