Introduction
The importance of having an IDE that I felt comfortable working in was something that took me a while to grasp in the program. VS Code has significantly made my work much easier, with features such as debugging tools, an integrated terminal, and various code navigation / management tools. In addition to the cool things VS Code has to offer out of the box, there are also countless 3rd party extensions that you can add to increase the productivity of your workflow. I find that this is one of the greatest ways to save time, as the benefits of an efficient workflow is something that you reap every time you jump into programming. Here are some extensions that I have found useful:
# 1- Prettier
Having neatly formatted code is essential – this will make the lives of anyone reading your code in the future much easier, whether its yourself or your fellow developers. Prettier supports formatting in a multitude of languages, and within the VS Code settings you can also choose to format your code each time you save your file.
# 2 – Bracket Pair Colorizer 2
Bracket Pair Colorizer is an extension that color-codes matching brackets. I have found this to save my sanity on multiple occasions when working with functions nested in functions nested in functions (looking at you, Javascript callbacks).
# 3 – Indent-Rainbow
When working with Python, we don’t have to deal with all those nested brackets. However, it might be even tougher to understand the organization of our code by just looking at whitespace indents. Indent-Rainbow colorizes indents based on indent-level, which saves a lot of headache trying to find out which level a statement is on.
# 4 – Remote – SSH
In the beginning of the program, my workflow was to work on an IDE on my local computer, transfer my files using CyberDuck, and then run the files on the flip servers using SSH and terminal. As you can imagine, this was highly inefficient and I spent almost as much time doing file management and testing than actual coding.
With this SSH extension, you can write a configuration file and easily SSH into a remote server with a single command. Using this method, I was able to do all my development on the flip server with no file transfers, in the comfort of my own IDE.
# 5 – GitLens – Git supercharged
Last but not least is GitLens. This extension is particularly relevant because I am currently using git and GitHub as our version control system for the capstone project with my team. GitLens makes it super easy to see who is responsible for each line of code, using git blame annotations. There are also tools to peek at the previous commit versions within the IDE; I have found this to be extremely useful when trying to root out the main culprit of recent changes that are causing issues in the application.
