30 Visual Studio Code plugins that greatly improve development efficiency
Our VSC (VSCode) will be like a unicorn with five lasers that can emit lasers! Next, I will introduce the very useful plugins I use every day.
If you are still a newcomer to VSC, click on the button at the bottom left to install the plugin.
Downloads: 1.3 million
The longest theme of Visual Studio Code!
Automatically find, analyze, and then provide code completion. Available for TypeScript and TSX.
The plugin will display the size of the imported package at the end of the line. To calculate the packet size, the plugin uses Webpack and babili-webpack-plugin.
A simple plugin makes alignment more readable.
Downloads: 2.43 million
Based on your project and
linkexternal files referenced by tags, the smart plugin provides completion of the CSS class name in HTML.
A plugin for previewing SVG.
Downloads: 357 million
Downloads: 2.18 million
Code hints, debugging, commands to integrate RN.
From the download volume, it seems that many people have moved from Sublime Text.
This plugin changes the shortcut key binding of visual studio code to be the same as Sublime Text 3. You can try it: cmd + P (Mac), ctrl + P (Windows).
You can jump to the file. If you add
>symbols before searching , you can even search for actions, such as opening a built-in terminal, installing plugins, and more.
For those who are used to using ST3, this is a big plus.
The VSCode plugin can automatically complete the npm module name in the import statement.
This should have been a feature that VSCode should provide by default, highlighting the matching tags.
Downloads: 7.72 million
Don’t say anything, just directly on the map!
Git Project Manager allows you to search and open a Git-managed project directly with one click.
Downloads: 3.32 million
Used to view the git history of a git log or a file, compare different branches, commits.
Provides a more concise way to create, copy, move, rename, and delete files/folders.
Downloads: 2.28 million
If your code has a lot of callbacks, this highlighting can help you better distinguish between different code blocks.
Visually show the colors you define.
You can locate its definition in the HTML by CSS id or class.
Downloads: 11.11 million
Downloads: 1.72 million
Highlight those redundant spaces and quickly delete them.
Help with children’s shoes programmed with TypeScript!
Generate data reports from your usage habits.
Downloads: 4.51 million
Vue tool under VS Code! With the development of Pine Wu, it has accumulated more than 4 million downloads!
Downloads: 3.46 million
Downloads: 4.15 million
Downloads: 7.99 million
Feel free to use Facebook’s Jest.
It is very convenient to develop the React.js application with the ES6 syntax.
other vscode plugins introduction: