Skip to content

Latest commit

 

History

History
52 lines (44 loc) · 1.07 KB

README.md

File metadata and controls

52 lines (44 loc) · 1.07 KB

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.