The most complete VSCode practical plug-in sharing in 2022 [organized and recommended]

This article has compiled some of the latest and most comprehensive practical VSCode plug-ins in 2022 to share with you, which can help developers improve development efficiency and aesthetics. I hope it will be helpful to everyone!

[Recommended study: "vscode introductory tutorial"]

1. Theme and icon

GitHub Theme

Black and white two skins

##Material Theme

Integrate a variety of theme skins, and it is better to eat with Material Icon Theme

##Material Icon ThemeFlat theme icon library

##vscode-icons

VSCode official icon library

## 2. Function enhancement

settings sync

Sync all settings and plugins

wakatime

Programming time and behavior tracking statistics

##Polacode

Code screenshot

##Chinese (Simplified) Language Pack for Visual Studio Code

Chinese language pack

##3. Git integration plug-in

GitHub Pull requests

View and manage GitHub pull requests and issues in Visual Studio Code

Git Graph

Git graphical display and operation

# #CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

Team collaboration development, review, discussion

4. Database

Oracle Developer Tools for VS Code

Oracle database support

SQL Server (mssql)

Microsoft SQL Server database support

MySQL

Supports MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis, and ElasticSearch

MongoDB for VS Code

MongoDB database support

##5. Programming beautification

Bracket Pair Colorizer

Color matching brackets, you can customize the configuration

##Highlight Matching TagHighlight matching opening and/or closing tags

Officially supported tags:

HTML
and JSX . Other styles (XML, Vue, Angular, PHP) may also be used, but correct use is not guaranteed.

Show The most complete VSCode practical plug-in sharing in 2022 [organized and recommended]ed path in status bar

Markdown Preview Enhanced Write Markdown in VSCode, support preview

##Image Preview

Preview picture

6. Development efficiency

EditorConfig for VS Code

Uniform code style

change-case

Change Naming style

Codelf

Artifact for naming variables

##Prettier - Code formatter

Automatically format code

vscode-json

Operation beautify jsonShortcut keys

cmd alt v

, verify

• cmd alt b, format
• cmd alt u, compress
• cmd alt ', add escape characters
• cmd alt ;, remove escape characters
• 
  
  
Regex Previewer

Preview regular expression effects

7. Front-end development

##Auto Rename Tag

Automatically rename HTML or XML tags

##Auto Close Tag

Automatically add HTML/XML close tag

Path Intellisense

Intelligent Path Tips

npm Intellisense

Turbo Console Log

Quickly add console.log information, necessary for js debugging

Shortcut keys

ctrl alt l After selecting the variable, use this shortcut key to generate console.log

alt shift c Comment all consoles. log

alt shift u Enable all console.log

alt shift d Delete all console.log

css-auto-prefix

As shown

CSS Peek

View css definition

8. Data analysis

Sort lines

Sort the current text

Data Preview

Preview data file

9. Cultivation Plug-in

LeetCode

question-brushing tool

VSC Netease Music

Netease Cloud Music (Programmer Edition)

daily anime

Chai Fan Artifact

##For more knowledge about VSCode, please visit:

vscode tutorial! !

The above is the detailed content of The most complete VSCode practical plug-in sharing in 2022 [organized and recommended]. For more information, please follow other related articles on the PHP Chinese website!