Extensions

Sublime Text Keymap and Settings Importer This extension imports keybindings and settings from Sublime Text to VS Code. This cuts the learning curve if you're switching from Sublime Text to VS Code. If VS Code is your first editor, you can skip this.

I’m very used to Sublime Text shortcuts. This makes the switch easier.

One Dark Pro Atom's iconic One Dark theme for Visual Studio Code

Auto Rename Tag Auto-renames paired HTML tags

CSS Peak Lets you peek at CSS classes directly from the HTML markup

File Utils A more convenient way of creating, duplicating, moving, renaming, and deleting files

IntelliSense for CSS class names in HTML Provides CSS class name completions for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element

Material Icon Theme Adds material icons to opened tabs and items in the Explorer window

Prettier - Code Formatter VS Code package to format your JavaScript / TypeScript / CSS using Prettier.

Manually run Prettier from the Command Palette (cmd + shift + p):

1. CMD + Shift + P -> Format Document
OR
1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection

To run it automatically on every save, add this to your preferences:

// Set the default
"editor.formatOnSave": false,
// Enable per-language
"[javascript]": {
    "editor.formatOnSave": true
}

Sass VS Code has built-in support for SCSS syntax. This adds support for SASS syntax.

stylelint A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint

Trailing Spaces A VS Code extension that allows you to highlight trailing spaces and delete them in a flash!