Skip to content

This extension adds ionic-vue snippets. Quickly add ionic-vue component code by simply typing iv. The iv prefix will show a range of snippets to choose from. For example, ivlabel will add the label component code, ivlist will show the ionic vue list component code.

Notifications You must be signed in to change notification settings

TopTalent333/ionic-vue-vscode-snippets-beta

 
 

Repository files navigation

Ionic Vue VSCode Snippets

This extension adds ionic-vue snippets. Quickly add ionic-vue component code by simply typing iv. The iv prefix will show a range of snippets to choose from. For example, ivlabel will add the label component code, ivlist will show the ionic vue list component code.

Extension gif

![Extension gif](/example.gif)

Supported components

All snippets are sourced from ionic website.

  • Badge
  • Button
  • Ripple
  • Card
  • Checkbox
  • Chip
  • Datetime
  • FAB
  • Grid
  • Icon
  • Input
  • Textarea
  • Item
  • Item Divider
  • Item Group
  • Label
  • List
  • List Header
  • Avatar
  • Image
  • Thumbnail
  • Menu
  • Backdrop
  • Progress Bar
  • Skeleton Text
  • Spinner
  • Radio Group
  • Radio
  • Range
  • Refresher
  • Router / Router Redirect
  • Searchbar
  • Segment / Segment Button
  • Select / Select Option
  • Slides
  • Tabs / Tab bar / Tab Button

Known Issues

  • After adding a snippet import each ionic component used in the snippet import { componetName } from @ionic/vue. We are working on streamlining this process.

About

This extension adds ionic-vue snippets. Quickly add ionic-vue component code by simply typing iv. The iv prefix will show a range of snippets to choose from. For example, ivlabel will add the label component code, ivlist will show the ionic vue list component code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published