Angular Essentials - Extension Pack for VS Code
This extension pack for Visual Studio Code adds extensions that are amazingly useful for Angular development.
See the CHANGELOG for the latest changes
I am often asked, "What are you favorite VS Code extensions for Angular?". I decided it was time to share them via an extension pack.
Introducing my Angular Essentials extension pack for VS Code. By installing this extension pack you get a set of great extensions that are helpful with Angular development. You can check out the initial list below.
Here are some of my recommended settings. These are optional, but I get asked a lot for them, so here they are.
These are my preferred settings for Peacock. I also choose the "favorite" of "Angular Red" for my Angular apps.
Here is the list of extensions the pack includes:
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.
Angular Snippets - Angular snippets that follow the official style guide, for TypeScript, templates, and RxJS.
Chrome Debugger - VS Code debugger for Chrome.
Editor Config - EditorConfig for VS Code. Great for maintaining consistent editor settings.
Material Icon Theme Show material icons in the explorer
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.
Peacock This extension subtly changes the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
Prettier VS Code plugin for prettier/prettier, which formats code consistently
tslint - Adds tslint to VS Code using the TypeScript TSLint language service plugin.
Winter is Coming theme