Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>ionic1-snippetsNew to Visual Studio Code? Get it now.
ionic1-snippets

ionic1-snippets

justinjames

|
18,117 installs
| (2) | Free
ionic v1 html, icon, and javascript snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ionic1-snippets

This extension for Visual Studio Code adds snippets for Ionic 1 for html, css, javascript, and ionicons.

There are over 200 snippets and 700 icons.

Installation

  1. Install Visual Studio Code 0.10.1 or higher
  2. Launch Code
  3. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  4. Select Install Extension
  5. Choose the extension
  6. Reload Visual Studio Code

Usage

Type part of a snippet, press enter and the snippet unfolds. All of the snippets start with i1_

Alternatively, press Ctrl+Space (Windows,Linux) or Cmd+Space (OSX) to activate snippets from within the editor.

See the docs at https://github.com/digitaldrummerj/vscode-ionic1-snippets/blob/master/docs.md

** Enjoy!**

Based off the awesome work for the Ionic sublime snippets by https://github.com/imsingh/ionic-sublime-plugin and https://github.com/felquis/ionic-sublime-plugin.

Contributing

Contributions are greatly appreciated. Please fork the repository and submit a pull request.

Change Log

1.0

  • Changed: snippet prefix from ionic to i1_
  • Fixed: issue with snippets that had semi-colon having intellsense for snippet name disappearing when you typed the semi-colon
  • Changed: i1_modal to have 2 versions
    • i1_modal_script uses the javascript syntax for embedding the template inside a script tag within the html
    • i1_modal_html created the html for ion-modal-view with a title and content area. meant for use when you are using a seperate template file for the modal.

0.9.4

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