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

https://github.com/loiane/ionic-extension-pack-vsce

extension pack packages some of the most popular (and some I find very useful) VS Code Ionic (2.x and 3.x) extensions.
https://github.com/loiane/ionic-extension-pack-vsce

angular cordova ionic vscode vscode-extension

Last synced: 2 months ago
JSON representation

extension pack packages some of the most popular (and some I find very useful) VS Code Ionic (2.x and 3.x) extensions.

Awesome Lists containing this project

README

          

# VS Code Ionic Extension Pack

[![Version](https://vsmarketplacebadge.apphb.com/version/loiane.ionic-extension-pack.svg)](https://marketplace.visualstudio.com/items?itemName=loiane.ionic-extension-pack)
[![Installs](https://vsmarketplacebadge.apphb.com/installs/loiane.ionic-extension-pack.svg)](https://marketplace.visualstudio.com/items?itemName=loiane.ionic-extension-pack)

This extension pack packages some of the most popular (and some I find very useful) VS Code Ionic (2.x and 3.x) extensions.

## Extensions Included

### Ionic + Angular + RxJS Code Snippets

* [ionic 2 Commands with Snippets](https://marketplace.visualstudio.com/items?itemName=Thavarajan.ionic2) - snippets for ionic 2 for TypeScript and HTML. It also provides some basic ionic cli commands (you can run from vsCode command palette).
* [Ionic 3 ionView Snippets](https://marketplace.visualstudio.com/items?itemName=danielehrhardt.ionic3-vs-ionView-snippets) - ionView HTML snippets.
* [ionic2-vscode](https://marketplace.visualstudio.com/items?itemName=jgw9617.ionic2-vscode) - Run ionic-cli commands straight from vscode (Ionic CLI v2)
* [Angular v4 TypeScript Snippets](https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2) - Angular with TypeScript snippets.
* [Angular 2, 4 and upcoming latest TypeScript HTML Snippets](https://marketplace.visualstudio.com/items?itemName=UVBrain.Angular2) - Angular 2, 4 and upcoming latest Typescript HTML ES6 fequently used snippets (very useful specially if you work with route guards and component life cycle hooks - great complement to John Papa's extension above).
* [rxjs-snippets](https://marketplace.visualstudio.com/items?itemName=pkosta2006.rxjs-snippets) - Generate Reactivex rxjs code snippets for typescript/javascript.

### Template Productivity
* [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template) - provides a rich editing experience for Angular templates, very useful when working on Angular HTML template. It works really well with Ionic templates as well.
* [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) - Auto rename paired HTML/XML tag.
* [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.

### Productivity

* [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport) - Automatically finds, parses and provides code actions and code completion for all available imports (altough VSCode has auto import funcionatlity, this plugin is va great complement).

* [Angular Schematics](https://marketplace.visualstudio.com/items?itemName=cyrilletuzi.angular-schematics) - this extension allows you to launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette.

**Enjoy!**