Visual Studio Code Extensions

Turbo Console Log

This extension make debugging much easier by automating the operation of writing meaningful log message.

https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log

Live Server

Launch a development local server with live reload feature for static & dynamic pages

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

JSON to Code

Converts your JSON into a interface usable in strong-typed languages with a single command.

https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype

Auto Import

Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

Download

Import Cost

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

Download

Indent-Rainbow

A simple extension to make indentation more readable.

Download == IntelliSense for CSS class names in HTML A VSCode extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.

Download

SVG Viewer

An easy way to preview SVGs.

Download]

Prettier — Code formatter

Can’t live without this one — VSCode package to format your JavaScript / TypeScript / CSS using Prettier.

Download

React Native Tools

Code-hinting, debugging, and integrated commands for React Native

Download

Sublime Text Keymap and Settings Importer

Download]

This extension converts visual studio code bindings to the same as ST3. Give it a spin and try this:

cmd ⌘ + P — Mac

ctrl + P — Windows

You can go to files, and also if you add the > symbol in front of the search you can search for actions, like toggling the built-in terminal, installing extensions, and so on.

Big win for those of us who are used to ST3 shortcuts. 🎉

npm Intellisense

VSCode plugin that autocompletes npm modules in import statements.

Download

lit-html

Adds syntax highlighting and language support for HTML inside of JavaScript and TypeScript tagged template strings, as is used in lit-html and other frameworks.

Download

highlight-matching-tag

This extension is intended to provide the missing functionality that should be built-in out of the box in VSCode — to highlight matching opening or closing tags.

Download

GitLens — Git supercharged

Download

Git Project Manager

Git Project Manager (GPM) is a Microsoft VSCode extension that allows you to open a new window targeting a git repository directly from a VSCode window.

Download