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.


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.