Angular Productivity Pack
See an extension that you think should be included? Create an issue.
Angular Language Service: Editor services for Angular templates
Angular 2 TypeScript Emmet: Support zen-coding syntax for Angular 2 typescript files.
Angular 6 Snippets: 88 Angular 2+ Snippets (TypeScript, Html, ngRx, Angular Flex Layout & Testing)
angular2-switcher: Easily navigate to component's files in angular2 project.
Angular Schematics: Launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette.
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
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
TSLint: TSLint for Visual Studio Code
vscode-icons: File Icons - Includes Angular specific icons
VS Code LiveShare: Collaborative editing and debugging in real-time