Angular Productivity Pack
See an extension that you think should be included? Create an issue.
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
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