As a Java engineer, I’ve been working on NodeJS for a month, and it’s been a bit of a bitter experience. Fortunately, having Visual Studio Code as my companion made this experience not more difficult. Now that this experience is coming to an end, I’d like to share with you some of my favorite VSC plug-ins.

VSC plugins are easy to install, just click on the plugins bar at the bottom left and search for the plugins you want.

Now let’s get down to business

Material Theme

The first one is the Material Theme, a plugin that allows you to modify Theme colors to help you get out of the black and white world. You can also customize the theme color by modifying the Setting file.

Auto Import

When writing Java, usually I’m directly write the name of the class in your code, then use the IDEA automatically import the corresponding package, but the use of VSC without this feature, this let me very troubling, this means that as a senior crtlCV engineer, paste the code should not be used directly, you need to check some reference belongs to which package, How to import.

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

Import Cost

Those of you who have written NodeJS will probably know that you can write only a few lines of code and have several gigabytes of packages to install, which may be an exaggeration, but the sheer volume of node_modules can be overwhelming.

In this case, you need Import Cost to help you control the size of the package you Import.

When you write an import statement, it will remind you of the size of the package, and if you find that a package is too big, you need to consider whether you really need to import the whole package.

Indent-Rainbow

This plugin is designed to help you improve your experience of reading code, which for those of you who are new to NodeJS, is often more time spent reading code than writing it. If the project is too large, the new student will often get lost in a lot of code blocks, code blocks can only be identified by the number of lines before the contraction. But sometimes the amount of tightening is not immediately apparent. Indent-rainbow is designed to help you quickly identify code.

Prettier — Code Formatter

The Prettier plug-in is used to format code.

Code that conforms to a code specification is an engineer’s face. Prettier is a plug-in for your face. With it, you can write code with impunity, just press the corresponding shortcut key when you’re done. Your code will immediately look pretty.

Sublime Text Keymap and Settings Importer

I wonder how many of you like Sublime Text as much as I do. Although ST3 is also very powerful and can be used to write JS code, I don’t think it is as good as a professional IDE, so I prefer to use ST3 as a “notepad”. If you are used to ST3 shortcuts and don’t want to change that habit with VSC, then you can use this plug-in. It mimics the ST3 shortcut Settings in the VSC.

You can use Command +P to evoke the command window and then type > to start operating as in ST3.

npm Intellisense

The NPM Intellisense plugin can help you complete the node modules you want.

File Utils

File Utils is a zhuang bi plug-in in my opinion that allows you to create, move, and delete files without using a mouse. Doesn’t it look cool?

Bracket Pair Colorizer

We mentioned the pinching recognition earlier, and there is also a plugin for parenthesis color identification. It can label parentheses with different colors to facilitate matching parentheses. This kind of plug-in I can also use in IDEA, can greatly improve the efficiency of reading code.

Trailing Spaces

This plugin will mark unwanted trailing whitespace for use. if found, remove them immediately.

WakaTime

This plugin is very interesting, it will collect some data of your coding, such as the ratio of languages, average daily coding time, etc. You can use it to calculate your effective working hours every day, if the data is beautiful, you can inadvertently let the leader see, ha ha ha.

Vscode-icons

Are you bored by the VSC’s default icon? Do you want to see the format of a file directly from the icon? The Vscode- ICONS plug-in will do it for you.

It will make the icon of the file more friendly, and you can also download some ICONS that you like.

These are some of the VSCode plug-ins I use. Like students can directly go to the market download experience. Most of these plugins are probably used to improve read code, as I’ve been reading a lot lately. If other students have useful plug-ins can also be shared.

Later I will also consider sharing some IDEA plug-ins, do Java students can expect a wave of.