VSCode extensions I use

in Code, Technology Write a comment

A couple of months ago I switched to VSCode, an open-source code editor and it’s been great! Prior to this, I was a big fan of Sublime Text 2, 3 and Atom. I came across an article about VScode on Medium and decided to give it a try.

As far as I know, it’s built on Electron, the same way as Slack, but developers from Microsoft tweaked it so that it doesn’t feel laggy at all. Here are some of my thoughts.


  • It’s open-source.
  • It’s as fast as Sublime Text.
  • There’s a great number of extensions.
  • Frequently updated.
  • Multiple integrated terminals.


  • Some of the UI elements are not customisable e.g. sidebar link colour.
  • Consuming too much RAM, but if you’re a developer it’s worth investing in RAM.


I use a Spacegray theme with these extensions, which you may find useful.

Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.


Auto Rename Tag

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.


Bracket Pair Colorizer

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.

Bracket Pair Colorizer


A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.



GitLens is an open-source extension for Visual Studio Code created by Eric Amodio. While GitLens is generously offered to everyone free of charge.


Import Cost

This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.



A Visual Studio Code extension with rich support for the Python language (including Python 3.6), including features such as linting, debugging, IntelliSense, code navigation, code formatting, refactoring, unit tests, snippets, and more!



TODO Highlight

Highlight TODO,FIXME or any annotations within your code.



Vue tooling for VS Code, powered by vue-language-server.



A collection of icons for virtually any file.


Renat Galyamov

Hi, I'm Renat Galyamov

I'm a founder of Wonder.store and MED24.KZ.

A front-end developer with over 9 years of experience building businesses together with founders as well as large enterprises, such as Accenture, The British Museum, Admiral, Kimberley Process, 21st Century Fox and many others.

Subscribe to get my best articles in your inbox first

Join hundreds of weekly readers

I share my coding tips 💻, write about useful services ✌️ and share photos from beautiful places ⛰️

Check if an item already exists in an array in Vue.js/Vuex/ES6 #vuejs #vue #code #tutorial https://t.co/T3r4fkHPvE

12:48 PM Apr 9thView tweet

Write a Comment