In order to improve our development efficiency, vscode plug-ins are essential.

vscode-icons

A plug-in to add file icon, make your vscode more beautiful.

Plugin address: vscode- ICONS

Atom One Dark Theme

A vscode theme plug-in

Plugin address: Atom One Dark Theme

Project Manager

Add file management, for multiple projects can be directly added to the management

Vetur

A plug-in that identifies and highlights.vue files.

Plugin address: Vetur

ESLint

Eslint should not need to be introduced too much, everyone knows. The ESLint plugin enables our VS Code to support ESLint Code formatting, integrating ESLint into VS Code.

Plugin address: ESLint

Prettier

Prettier is a code formatter. It enforces a consistent style by parsing your code and reprinting it with its own rules, which take maximum line length into account and wrap code when necessary, typically in combination with ESLint.

Location: Prettier

filesize

View the size of the selected file.

Plugin address: filesize

Auto Rename Tag

Automatically modify closed labels.

Plugin address: Auto Rename Tag

Local History

Visual source code plug-in for maintaining a local history of files.

Each time a file is modified, a copy of the old content is kept in the local history. You can always compare the file to any older version in the history. It can help you when you accidentally change or delete files. History can also help you resolve catastrophic problems in your workspace. Each file revision is stored in a separate file within the.history folder of the workspace directory.

Plugin address: Local History

Partial Diff

Help us compare the differences between the two pieces of code and highlight the different parts.

Plugin address: Partial Diff

GitLens

GitLens helps you understand your code better. Quickly learn who changed lines or blocks of code, why, and when. Review history to further understand how and why code evolved. Easily explore the history and evolution of the code base.

Plugin address: GitLens

TODO Tree

This plug-in looks for annotation tags such as TODO and FIXME in workspace files and displays them in a tree view of the Explorer pane. Clicking TODO in the tree opens the file and places the cursor on the line containing the TODO.

Found todos can also be highlighted in an open file.

Plugin address: TODO Tree

To be continued…