Angular Productivity Pack

See an extension that you think should be included? Create an issue.

What's Inside

Angular

Angular Language Service: Editor services for Angular templates

Angular 9 Snippets: TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout

angular2-switcher: Easily navigate to component's files in Angular project

Angular Schematics: Launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette

Angular File Changer: Easily navigate between typescript, template, style, and associated test files in your Angular project using the Mac Touch Bar.

arrr: Refactor components from HTML templates


Developer Experience Improvements

Auto Rename Tag: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does

Better Comments: Add color to TODO comments

Bracket Pair Colorizer: A customizable extension for colorizing matching brackets

CSS Peek: Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition

EditorConfig for VS Code: EditorConfig Support for Visual Studio Code

GitLens: Seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

HTML SCSS Support: SCSS support for HTML documents

npm: Supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json

npm Intellisense: Autocompletes npm modules in import statements

Output Colorizer: Adds syntax colorization for both the output/debug/extensions panel and *.log files.

Path Intellisense: Visual Studio Code plugin that autocompletes filenames

Paste JSON as Code: Interactively generate types and (de-)serialization code from JSON, JSON Schema, and TypeScript

Prettier - Code Formater: Format your JavaScript / TypeScript / CSS using Prettier

Project Snippets: Provide workspace/project level code snippets

stylelint: Modern CSS/SCSS/Less linter

SCSS IntelliSense: Advanced autocompletion and refactoring support for SCSS

Search node_modules: Quickly search the node_modules folder

SmoothType: Adds a smooth typing animation, similar to MS Office and the Windows 10 Mail app

Split HTML Attributes: Split your Vue, React & Angular directives & props (and HTML attributes) onto new lines, instantly!

TSLint: TSLint for Visual Studio Code

vscode-icons: File Icons - Includes Angular specific icons

VS Code LiveShare: Collaborative editing and debugging in real-time