Amazing VS Code Extensions Setup for JavaScript & React

Sam Chen
3 min readAug 9, 2020

--

VS Code is one of the most popular code editor software along with Atom, Sublime, Notepad ++ and etc. One of the benefits to use VS Code is that it has lots of different extensions developed by many different software engineers to help your coding experience to be easier. Let us take a look at some of the popular and useful extensions in VS Code!

Are you tired of looking at the JavaScript codes and all these brackets seem to be out of place? Here comes the extension Bracket Pair Colorizer. This extension allows matching brackets to be identified with colors. The user can see which functions and open brackets to match, and which color the closing bracket is matching that function.

Are you tired of catching spelling errors in your codes? This Code Spell Checker will do the job for you, it basically check and catch common spelling errors and it works well with camelCase codes!

EditorConfig for VS Code is another popular extension to use. It brings the EditorConfig and .editorconfig file support to VS Code.

The next extension is for programmers who like to write their codes fancy! Fira code is an outside extension on GitHub developed by other software engineers, it has lots of cool fonts and symbols for your code.

https://github.com/tonsky/FiraCode

The next extension is called Find Related Files. Yes, you guess it right! It find the related files that you are looking for within VS Code. How many times have you lose track of where your files are and you need to find some files quickly? Find Related Files extension a solution for you! It helps you find the files that is related to your current file. (Yes, Command + P will do the trick sometimes in VS Code when you are looking for a specific file)

Another cool extension to use if you like to code in the dark theme is called Night Owl. It is an extension to make your screen dark and protect your eyes!

A fun fact about VS Code is that it has quite a few themes already on its own, if you hold command key and press K then T, it will bring up a selection of themes for your VS Code.

Another option to bring up the color theme menu is to go to VS Code preferences, and select the color theme. and yes you can also manage your extensions on that same tab.

For more information and extensions that are popular for VS Code, please checkout the following resources.

--

--

Sam Chen
Sam Chen

Written by Sam Chen

Yesterday I was clever, so I wanted to change the world. Today I am wise, so I am changing myself.

No responses yet