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. ClassLens

   CodeLens extension identifying override members and interface implementation members

   Code navigation from Child members to parent members.

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 auto completes filenames.

8. Version Lens

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

9. Angular 6 Snippets

   Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5 & 6.

10. angular2-inline

    Syntax highlighting of inline html and css.

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

11. Move TS

    Supports moving typescript files and updating relative imports within the workspace.

12. Regex Previewer

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

13. Yarn

    Yarn from vscode.

14. NG.42 TS Helpers

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

15. SimonTest

    An Angular test generator.

16. Auto Close Tag

    Automatically add HTML/XML close tag.

17. Auto Rename Tag

    Automatically rename paired HTML/XML tag.

18. 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

19. Material Icon Theme

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

20. Git History

    Git History, Search and More

21. Syncing

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

22. 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.

23. Code Spell Checker

    A basic spell checker that works well with camelCase code.

24. Dracula Theme - WebStorm Edition

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