https://github.com/dlodeprojuicer/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.
https://github.com/dlodeprojuicer/ionic-vue-vscode-snippets
ionic-framework ionic-vue vscode-extension
Last synced: about 1 year ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/dlodeprojuicer/ionic-vue-vscode-snippets
- Owner: dlodeprojuicer
- Created: 2020-12-15T00:09:35.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-12-16T19:12:28.000Z (over 5 years ago)
- Last Synced: 2025-04-10T05:58:26.276Z (about 1 year ago)
- Topics: ionic-framework, ionic-vue, vscode-extension
- Homepage: https://marketplace.visualstudio.com/items?itemName=dlodeprojuicer.ionicvuesnippets
- Size: 2.23 MB
- Stars: 7
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# 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\]\(/example.gif\)
## Supported components
All snippets are sourced from [ionic website](https://ionicframework.com/docs/components).
- 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.