It Works Angular Essential Extensions

Here is the list of extensions the pack includes:

Docker Support - Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.

VS Live Share - Real-time collaborative development from the comfort of your favorite tools.

Angular 4 and TypeScript/HTML VS Code Snippets - Angular snippets that follow the official style guide, for TypeScript, templates, and RxJS.

Angular Language Service - This extension provides a rich editing experience for Angular templates, both inline and external templates. This extension is brought to you by members of the Angular team. It is fantastic at helping write solid code in the html templates.

Editor Config - EditorConfig for VS Code. Great for maintaining consistent editor settings.

tslint - Integrates the tslint linter for the TypeScript language into VS Code. Extremely helpful at detecting and helping fix TypeScript issues.

Chrome Debugger - VS Code debugger for Chrome.

Path Intellisense - Visual Studio Code plugin that autocompletes filenames.

Angular Inline - Visual Studio Code language extension for javascript/typescript files that use Angular2.

Prettier - VS Code plugin for prettier/prettier, which formats code consistently

Beautify - Beautify code in place for VS Code

Mustache - Syntax highlighting for mustache

Git Lens — git blame annotations, code lens, and more - Supercharge Visual Studio Code's Git capabilities — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore the history of a file or branch, gain valuable insights via powerful comparison commands, and so much more

SASS - Indented Sass syntax highlighting, autocomplete & snippets

Recommended Editor Config Settings

# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false