Angular Supercharger

An opinionated collection of extensions to supercharge your Angular development

Extensions Included

• Angular Language Service
• Angular Schematics
• Angular Snippets (Version 9)
• Auto Barrel
• Debugger for Chrome
• Dracula Official
• ESLint
• GitLens
• Jest
• NPM
• Prettier
• vscode-icons

Angular Language Service

This extension provides a rich editing experience for Angular templates, both inline and external templates including:

• Completions lists
• AOT Diagnostic messages
• Quick info
• Go to definition

Angular Schematics

This extension allows you to simply invoke Angular schematic generation via a context menu in the file explorer

Angular Snippets (Version 9)

This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.

Auto Barrel

Auto Barrel adds support for creating a barrel (index.[tj]s) in a folder and optionally keeping it up to date automatically.

Debugger for Chrome

A VS Code extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome DevTools Protocol.

Dracula Official

A dark theme for Visual Studio Code.

ESLint

Integrates ESLint into VS Code. If you are new to ESLint check the documentation.

GitLens

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

Jest

A comprehensive experience when using Facebook's Jest within a project.

• Useful IDE based Feedback
• Session based test watching

NPM

This extension supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.

Prettier

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

vscode-icons

Bring icons to your Visual Studio Code

Have a suggestion?

Submit a PR to the GitHub repo.