An open API service indexing awesome lists of open source software.

https://github.com/rexebin/angular-extension-pack

An VScode Extension Pack for Angular Developers.
https://github.com/rexebin/angular-extension-pack

angular extension extension-pack vscode

Last synced: 11 months ago
JSON representation

An VScode Extension Pack for Angular Developers.

Awesome Lists containing this project

README

          

# Angular Extension Pack

An extension pack for Angular developers.

# Extensions:

1. [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)

Developed and maintained by the Angular Team, provide intellese in Angular templates. Must have.

1. [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)

Debug your JavaScript code running in Google Chrome from VS Code.

1. [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

VS Code package to format your JavaScript / TypeScript / CSS using Prettier.

1. [ClassLens](https://marketplace.visualstudio.com/items?itemName=rexebin.classlens)

CodeLens extension identifying override members and interface implementation members

Code navigation from Child members to parent members.

1. [F12: Open File](https://marketplace.visualstudio.com/items?itemName=rexebin.f12-open-file)

Open Angular's templateUrl and styleUrls at a key stroke: F12

1. [TSLint](https://marketplace.visualstudio.com/items?itemName=eg2.tslint)

Integrates the tslint linter for the TypeScript language into VS Code.

1. [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)

Visual Studio Code plugin that auto completes filenames.

1. [Version Lens](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens)

Shows package version information for npm, jspm, bower, dub and dotnet core in the Visual Studio Code editor.

1. [Angular 6 Snippets](https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode)

Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5 & 6.

1. [angular2-inline](https://marketplace.visualstudio.com/items?itemName=natewallace.angular2-inline)

Syntax highlighting of inline html and css.

Code completion, highlighting, and hover information for inline html.

1. [Move TS](https://marketplace.visualstudio.com/items?itemName=stringham.move-ts)

Supports moving typescript files and updating relative imports within the workspace.

1. [Regex Previewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex)

Shows the current regular expression's matches in a side-by-side document.

1. [Yarn](https://marketplace.visualstudio.com/items?itemName=gamunu.vscode-yarn)

Yarn from vscode.

1. [NG.42 TS Helpers](https://marketplace.visualstudio.com/items?itemName=NG-42.ng-fortytwo-vscode-extension)

Typescript helper: create barrels with one click, ngrx snippets.

1. [SimonTest](https://marketplace.visualstudio.com/items?itemName=SimonTest.simontest)

An Angular test generator.

1. [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)

Automatically add HTML/XML close tag.

1. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)

Automatically rename paired HTML/XML tag.

1. [Colonize](https://marketplace.visualstudio.com/items?itemName=vmsynkov.colonize)

Light weight extension resembling Statement Completion.

Adds three shortcuts to insert semicolons with ease;

* shift + enter Insert semicolon at the end of line and continue on the same line
* alt + enter Insert semicolon at the end of line and continue on the new line
* ctrl + alt + enter Insert semicolon and stay at the same position

1. [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)

The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.

1. [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)

Git History, Search and More

1. [Syncing](https://marketplace.visualstudio.com/items?itemName=nonoroazoro.syncing)

Syncing is a VSCode extension, designed to sync all of your VSCode settings across multiple devices with GitHub Gist.

1. [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek)

This extension extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.

1. [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)

A basic spell checker that works well with camelCase code.

1. [Dracula Theme - WebStorm Edition](https://marketplace.visualstudio.com/items?itemName=rexebin.dracula)

This is a Dracula Dark Theme mirroring colors in the Dracula theme in WebStorm by JetBrains.