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

Ionic Preview

ionic-preview

|
89,376 installs
| (4) | Free
Preview a live version of your Ionic application in an VS Code pane.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code Ionic Preview

Version Installs

An extension to preview Ionic Serve in VSCode

The extension can be activated with

  • Toggle Preview - ctrl+shift+P
  • Command Ionic Preview: Android to display as Android
  • Command Ionic Preview: IOS to display as IOS
  • Command Ionic Preview: Windows to display as Windows Phone
  • Command Ionic Preview: Without frame to view without frame

Preview in IOS, Android and Windows Phone

Settings

  • ionic-preview.port : Customize Port Number of your Ionic Serve. Default value is 8100.

  • ionic-preview.host : Customize Host of your Ionic Serve. Default value is 127.0.0.1.

  • ionic-preview.background-color: Customize the background color of the page. The default value is #FFFFFF

Contributors

  • Jadson Ribeiro contato@jadsonbr.com.br
  • Leandro Bittencourt leandrocintrabitencourt@gmail.com

Paypal Donations a :coffee: if you enjoy using this extension :thumbsup:

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft