Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Ionic Extension PackNew to Visual Studio Code? Get it now.

Ionic Extension Pack

Loiane Groner

loiane.com
|
114,839 installs
| (7) | Free
This extension pack packages some of the most popular (and some I find very useful) VS Code Ionic (2.x and 3.x) extensions.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code Ionic Extension Pack

Version Installs

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 - 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 - ionView HTML snippets.
  • ionic2-vscode - Run ionic-cli commands straight from vscode (Ionic CLI v2)
  • Angular v4 TypeScript Snippets - Angular with TypeScript snippets.
  • Angular 2, 4 and upcoming latest TypeScript HTML Snippets - 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 - Generate Reactivex rxjs code snippets for typescript/javascript.

Template Productivity

  • Angular Language Service - 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 - Auto rename paired HTML/XML tag.
  • Auto Close Tag - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.

Productivity

  • Auto Import - 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 - this extension allows you to launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft