Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Angular Extension PackNew to Visual Studio Code? Get it now.
Angular Extension Pack

Angular Extension Pack

João Eudes Lima

|
1,046 installs
| (0) | Free
Angular Extension Package for Improving Productivity
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Angular Pack Extensions

Improving Productivity

** Perfect for Angular 6.0.0 release **

This is a bundle of extensions for Visual Studio Code adds snippets to Angular to TypeScript and HTML.

Extensions Included

Productivity

  • Angular Language Service - Provides a rich editing experience for Angular templates, very useful when working on Angular HTML template.
  • Angular v6 Snippets - Angular with TypeScript snippets.
  • Path Intellisense - VSCode has a very good auto import capability, but sometime you still need to import some files manually, and this extension helps a lot in these cases.
  • Auto Rename Tag - Auto rename paired HTML/XML tag.

Code Analysis

  • TypeScript Hero - Favorite feature for Angular projects: sorts and organizes your imports according to convention and removes imports that are unused (Ctrl+Alt+o on Win/Linux or Ctrl+Opt+o on MacOS).

  • TSLint - linter for the TypeScript language, help fixing error in TS code.

    • Recommended settings: "tslint.autoFixOnSave": true (auto fix lint issues on file save)
  • File Utils - A convenient way of creating, duplicating, moving, renaming and deleting files and directories.

Workbench

  • EditorConfig for VS Code - EditorConfig Support for Visual Studio Code (must have plugin for VSCode)

Visual

  • Bracket Pair Colorizer - This extension allows matching brackets to be identified with colours. Great when you have nested brackets. I usually keep this extension disabled and only enable it when needed.
  • Better Comments - Improve your code commenting by annotating with alert, informational, TODOs, and more!
  • Material Icon Theme - my favorite collection of icons for VSCode projects!

Tips

I recommend adding the following config in you users setting for VsCode. Recommended settings:

  "tslint.autoFixOnSave": true,
  "prettier.singleQuote": true,
  "editor.formatOnSave": true

Contributors:

joaoeudes7

Enjoy my friend!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft