The latest and most comprehensive VScode plug-in recommendations in 2023

This article mainly introduces some good plug-ins that I have used in the process of using VSCode over the years. These VSCode plug-ins help you create the most powerful IDE on the planet!

##1. Theme and icon

##GitHub ThemeBlack and white two skins

##Material ThemeIntegrate a variety of theme skins, which are better used with Material Icon Theme. [Recommended learning: vscode tutorial

,

Programming teaching]

##Material Icon ThemeFlat theme icon library

vscode-icons#VSCode official icon library

2. Function enhancement

##settings syncSync all settings and plugins

##wakatime

Programming time and behavior tracking statistics

##Polacode

Code screenshot

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

中文字幕

3. Git integrated 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 ReviewTeam collaboration development , review, discussion

4. Database

Oracle Developer Tools for VS CodeOracle Database Support

SQL Server (mssql)##Microsoft SQL Server database support

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

##MongoDB for VS Code MongoDB database support

5. Programming beautification

Bracket Pair ColorizerColor the matching brackets, you can customize the configurationNote: This plug-in has been built into vscode, no need Repeat the installation,

Setting method: Search

editor.bracketPairColorization.enabled

in the setting, set it to

true

to take effect

Highlight Matching Tag

##Highlight matching start and/or end tag

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

Show The latest and most comprehensive VScode plug-in recommendations in 2023ed path in status bar

Markdown Preview Enhanced

Write Markdown in VSCode, support preview

Image Preview

Preview Image

6. Development efficiency

##EditorConfig for VS CodeUniform code style

##change-case Change naming style

##CodelfAn artifact of naming variables

##Prettier - Code formatterAutomatically format code

vscode-json#Operation beautify jsonShortcut keys

cmd alt v

, verify

• cmd alt b, format
• cmd alt u, compress
• cmd alt ', add the escape character
• cmd alt ;, remove the escape character

Regex Previewer

##Preview regular expression effects

7. Front-end development

Auto Rename Tag

Automatically rename HTML or XML Tag

##Auto Close TagAutomatically add HTML/XML close tag

Path Intellisense##Intelligent Path Tips

##npm Intellisense

Turbo Console LogQuickly add console .log information, necessary for js debugShortcut key

ctrl alt l

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

alt shift c Comment all console.log

alt shift u Enable all console.log

alt shift d Delete all console. log

#css-auto-prefixAs shown

# #CSS Peek

View css definition

##8. Data Analysis

Sort lines

Sort the current text

##Data PreviewPreview data file

9. Cultivation plug-in

##LeetCode question-brushing tool

##VSC Netease MusicNetEase Cloud Music (Programmer Edition)

##daily animeChai Fan Artifact

More For related knowledge about VSCode, please visit: vscode tutorial
! !

The above is the detailed content of The latest and most comprehensive VScode plug-in recommendations in 2023. For more information, please follow other related articles on the PHP Chinese website!