This is Code Snippets of Vant for VS Code. (Vant Version: v2.8.3)
Git:
Vant Snippets
Thanks:
小茗同学
Element-UI-Snippets-VSCode
Autocomplete
Snippets List
- All the Vant tags below, ignore the closure and more detailed information. Such as
vanr to <van-row>
- Totally snippets. Will add more if necessary.
- Only work in .vue file for now.
Basic Part (9)
| No. |
Trigger Key |
Vant Tag |
| 1. |
vanb |
<van-button> |
| 2. |
vancell |
<van-cell> |
| 3. |
vanicon |
<van-icon> |
| 4. |
vanimg |
<van-image> |
| 5. |
vanr |
<van-row> |
| 6. |
vanrf |
<van-row type="flex"> |
| 7. |
vanrg |
<van-row gutter=""> |
| 8. |
vanc |
<van-col> |
| 9. |
vanpopup |
<van-popup> |
| No. |
Trigger Key |
Vant Tag |
| 1. |
vancld |
<van-calendar> |
| 2. |
vanck |
<van-checkbox> |
| 3. |
vandate |
<van-datetime-picker> |
| 4. |
vanfd |
<van-field> |
| 5. |
vanform |
<van-form> |
| 6. |
vankbn |
<van-number-keyboard> |
| 7. |
vanpass |
<van-password-input> |
| 8. |
vanpk |
<van-picker> |
| 9. |
vanrd |
<van-radio> |
| 10. |
vanrate |
<van-rate> |
| 11. |
vansearch |
van-search |
| 12. |
vanslider |
van-slider |
| 13. |
vanstepper |
<van-stepper> |
| 14. |
vanswitch |
<van-switch> |
| 15. |
vanup |
<van-uploader> |
Action Part (12)
| No. |
Trigger Key |
Vant Tag |
| 1. |
vanas |
<van-action-sheet> |
| 2. |
vandg |
<van-dialog> |
| 3. |
vanal |
Dialog Alert({}) |
| 4. |
vancf |
Dialog Confirm({}) |
| 5. |
vandm |
<van-dropdown-menu> |
| 6. |
vanld |
<van-loading> |
| 7. |
vannt |
Notify({}) |
| 8. |
vanol |
<van-overlay> |
| 9. |
vanpr |
<van-pull-refresh> |
| 10. |
vanshare |
<van-share-sheet> |
| 11. |
vansc |
<van-swipe-cell> |
| 12. |
vants |
Toast({}) |
Display Part (16)
| No. |
Trigger Key |
Vant Tag |
| 1. |
vancircle |
<van-circle> |
| 2. |
vancollapse |
<van-collapse> |
| 3. |
vancd |
<van-count-down> |
| 4. |
vandv |
<van-divider> |
| 5. |
vanempty |
<van-empty> |
| 6. |
vanimgpv |
ImagePreview([]) |
| 7. |
vanlz |
<van-lazy> |
| 8. |
vanlist |
<van-list> |
| 9. |
vanntb |
<van-notice-bar> |
| 10. |
vanpn |
<van-panel> |
| 11. |
vanprogress |
<van-progress> |
| 12. |
vansk |
<van-skeleton> |
| 13. |
vansteps |
<van-steps> |
| 14. |
vansticky |
<van-sticky> |
| 15. |
vansw |
<van-swipe> |
| 16. |
vantag |
<van-tag> |
Navigation Part (8)
| No. |
Trigger Key |
Vant Tag |
| 1. |
vangrid |
<van-grid> |
| 2. |
vanib |
<van-index-bar> |
| 3. |
vannb |
<van-nav-bar> |
| 4. |
vanpg |
<van-pagination> |
| 5. |
vansd |
<van-sidebar> |
| 6. |
vantabs |
<van-tabs> |
| 7. |
vantbar |
<van-tabbar> |
| 8. |
vantrs |
<van-tree-select> |
Business Part (9)
| No. |
Trigger Key |
Vant Tag |
| 1. |
vanade |
<van-address-edit> |
| 2. |
vanadl |
<van-address-list> |
| 3. |
vanarea |
<van-area> |
| 4. |
vancard |
<van-card> |
| 5. |
vanctc |
<van-contact-card> |
| 6. |
vancoup |
<van-coupon> |
| 7. |
vangoods |
<van-goods-action> |
| 8. |
vansbar |
<van-submit-bar> |
| 9. |
vansku |
<van-sku> |
| |
