My Visual Studio Code Setup

In case you you’re curious, here are the visual studio code extensions I am using:

  • Auto Rename Tag which automatically renames both sides of a tag pair.
  • Babel JavaScript provides additional syntax highlighting for modern JavaScript versions, React JSX, Flow and GraphQL.
  • Change-case which allows me to quickly change between various case notations.
  • Darcula Theme which closely resembles the Darcula theme from JetBrain IDEs.
  • IntelliCode provides additional code completion features.
  • Intellij IDEA Keybindings which brings many keyboard shortcuts from IntelliJ.
  • Material Icon Theme replaces and adds various icons for different file names.
  • Prettier which is an opinionated code formatter.


The font I’m using is Fira Code with ligatures enabled. Here is my settings JSON file. And whenever you see a keyboard shortcut pop-up in the bottom, that’s from the built-in VS Code Screencast feature. You can enable it when presenting so that your audience can see all the keys or shortcuts you’re pressing.

Complete and Continue