Angular Extension Pack

An extension pack for Angular developers.

Extensions:

1. Angular Language Service

   Developed and maintained by the Angular Team, provide intellese in Angular templates. Must have.

2. Debugger for Chrome

   Debug your JavaScript code running in Google Chrome from VS Code.

3. Prettier - Code formatter

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

4. Class IO

   Class IO shows class's relationships with its interfaces and parent class in a non-obstructive way. Class IO is an alternative to ClassLens.

5. F12: Open File

   Open Angular's templateUrl and styleUrls at a key stroke: F12

6. TSLint

   Integrates the tslint linter for the TypeScript language into VS Code.

7. Path Intellisense

   Visual Studio Code plugin that autocompletes filenames.

8. Version Lens

   Shows package version information for npm, jspm, bower, dub and dotnet core in the Visual Studio Code editor.

9. angular2-inline

   Syntax highlighting of inline html and css.

   Code completion, highlighting, and hover information for inline html.

10. Regex Previewer

    Shows the current regular expression's matches in a side-by-side document.

11. Yarn

    Yarn from vscode.

12. NG.42 TS Helpers

    Typescript helper: create barrels with one click, ngrx snippets.

13. Auto Close Tag

    Automatically add HTML/XML close tag.

14. Auto Rename Tag

    Automatically rename paired HTML/XML tag.

15. Colonize

    Light weight extension resembling Statement Completion.

    Adds three shortcuts to insert semicolons with ease;

    • shift + enter Insert semicolon at the end of line and continue on the same line
    • alt + enter Insert semicolon at the end of line and continue on the new line
    • ctrl + alt + enter Insert semicolon and stay at the same position

16. Material Icon Theme

    The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.

17. Git History

    Git History, Search and More

18. Syncing

    Syncing is a VSCode extension, designed to sync all of your VSCode settings across multiple devices with GitHub Gist.

19. CSS Peek

    This extension extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.

20. Code Spell Checker

    A basic spell checker that works well with camelCase code.

21. Dracula - WebStorm Edition

    This is a Dracula Dark Theme mirroring colors in the Dracula theme in WebStorm by JetBrains.