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.

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!

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

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

joaoeudes7

Enjoy my friend!