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 your 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.
As web tools evolve, the usefulness of extensions come and go. I reserve the right to update the extension pack's contents up to my own discretion.
Here are some of my recommended settings. These are optional, but I get asked a lot for them, so here they are.
"editor.autoIndent": "full",
"editor.codeLens": false,
"editor.cursorBlinking": "solid",
"editor.cursorSmoothCaretAnimation": true,
"editor.cursorStyle": "line",
"editor.fontSize": 16,
"editor.fontFamily": "Dank Mono, Operator Mono, Fira Code, Inconsolata",
"editor.fontLigatures": true,
"editor.formatOnPaste": true,
"editor.formatOnType": false,
"editor.formatOnSave": true,
"editor.letterSpacing": 0.5,
"editor.lineHeight": 25,
"editor.minimap.enabled": false,
"editor.multiCursorModifier": "ctrlCmd",
"editor.suggestSelection": "first",
"editor.tabCompletion": "on",
"editor.tabSize": 2,
"editor.wordWrap": "on", "files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,
"files.hotExit": "onExit",
"files.defaultLanguage": "",
"files.trimTrailingWhitespace": true, "prettier.printWidth": 120,
"prettier.bracketSpacing": true,
"prettier.singleQuote": true,This extension pack includes the following extensions:
| Extension | Stats |
|---|---|
| Angular Snippets |    |
| Angular Language Service |    |
| Angular Console |    |
| Chrome Debugger |    |
| Edge Debugger |    |
| Editor Config |    |
| ESlint |    |
| Material Icon Theme |    |
| npm |    |
| Peacock |    |
| Prettier |    |
| Winter is Coming |    |