12 Visual Studio Code plug-ins worth collecting

This article introduces you to 12 VSCode plug-ins. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

As a Java engineer, due to work needs, I have been writing NodeJS in the past month. This experience can be said to be a bitter history. Fortunately, I was accompanied by the artifact Visual Studio Code, which made this experience no more difficult for me. Seeing that this experience is coming to an end, today I will share with you some of my commonly used VSC plug-ins. [Recommended learning: " vscode tutorial "]

VSC plug-in installation method is very simple, just click on the plug-in bar option at the bottom of the left, and then you can search for the plug-in you want .

Let’s get to the point

Material Theme The first one is Material Theme, this plug-in can help We modify the theme color to help you get rid of the world of only black and white. Of course, you can also customize the theme color by modifying the settings file.

Auto Import When writing Java, I usually write the class name directly in the code, and then use IDEA to automatically Import the corresponding package, but this function is not available when using VSC. This problem troubles me. This means that as a senior crtlCV engineer, the pasted code cannot be used directly. You have to check which package some references belong to. , how to import.

Auto Import helped me solve this big problem. It can automatically identify, parse and add some corresponding packages. With it, I can continue to be a ctrlCV engineer.

Import Cost Students who have written NodeJS may have an experience. They may only write a few lines of code, but The package to be installed reaches several gigabytes, which may be a bit exaggerated, but the large number of node_modules is really overwhelming.

What you need at this time is Import Cost to help you control the size of your imported package.

When you write an import statement, it will remind you of the size of the package. If you find that a package is too large, you need to consider whether you really The entire package needs to be imported.

Indent-Rainbow This plug-in helps you improve the experience of reading code. For students who have just started to contact NodeJS, reading code often takes longer than writing. It takes more time to code. If the project is too large, new students will often get lost in many code blocks. The only way to distinguish code blocks is to tighten the number before running. But sometimes the reduction in quantity cannot be seen at a glance. Indent-Rainbow is used to help you quickly identify code.

Prettier — Code Formatter The Prettier plug-in is used to format code.

Code that complies with code specifications can be said to be the face of an engineer, and Prettier can be said to be a plug-in that specifically helps you maintain your face. With it, you can be unscrupulous when writing code. You only need to press the corresponding shortcut key after writing. Your code will look beautiful in no time.

Sublime Text Keymap and Settings Importer I don’t know how many students like me prefer to use Sublime Text. Although ST3 is also very powerful and can be used to write JS code, I think it is still not as good as a professional IDE, so I prefer to use ST3 as a "notepad" if you are already used to ST3's shortcut keys. , and don’t want to change this habit because of using VSC, then you can use this plug-in, which will imitate the ST3 shortcut key settings in VSC.

You can use command P to bring up the command window, then type > to start operating like in ST3.

npm Intellisense The npm Intellisense plug-in can help you complete the node modules you want.

File Utils File Utils in my opinion is a very convenient (zhuang) (bi) plug-in, it can help you Create, move, and delete files without using a mouse. Doesn't it look cool.

Bracket Pair Colorizer We mentioned the identification of tightening earlier, and here is a plug-in for bracket color identification. It can mark brackets in different colors to facilitate identification of bracket matches. I also use this kind of plug-in in IDEA, which can greatly improve the efficiency of reading code.

Trailing Spaces This plug-in will help us mark some useless trailing spaces. If found, please delete them immediately.

WakaTime This plug-in is very interesting. It will count some data you code, such as the proportion of various languages. Average daily encoding time, etc. You can use it to calculate your approximate effective working hours every day. If the data is pretty, you can let your boss see it inadvertently, hahaha.

Vscode-icons Are you tired of VSC’s default icons? Do you want to see the file format of a certain file directly through the icon? Vscode-icons plug-in will help you achieve it.

It will make the file icons more friendly, and you can also download some icons you like.

The above are some of my commonly used VSCode plug-ins. Students who like it can go directly to the market to download and experience it. Most of these plug-ins are probably used to improve code reading, because I have been reading a lot of code recently. If other students have useful plug-ins, they can share them.

I will also consider sharing some IDEA plug-ins later, and Java students can look forward to them.

For more programming related knowledge, please visit: Programming Video ! !

12 Visual Studio Code plug-ins worth collecting

Related articles