This code provides Vuetify.js support for Visual Studio Code. To use it, open File > Preferences > User Snippets and choose language vue-html.

vue-html.json

{
"Complete v-flex": { "prefix": "flex", "body": ["<v-flex>$0</v-flex>"], "description": "complete <v-flex>" },

"Complete v-avatar": { "prefix": "avatar", "body": ["<v-avatar>$0</v-avatar>"], "description": "complete <v-avatar>" },

"Complete v-badge": { "prefix": "badge", "body": ["<v-badge>$0</v-badge>"], "description": "complete <v-badge>" },

"Complete v-breadcrumbs": { "prefix": "breadcrumbs", "body": ["<v-breadcrumbs>$0</v-breadcrumbs>"], "description": "complete <v-breadcrumbs>" },

"Complete v-breadcrumbs-item": { "prefix": "breadcrumbs-item", "body": ["<v-breadcrumbs-item>$0</v-breadcrumbs-item>"], "description": "complete <v-breadcrumbs-item>" },

"Complete v-bottom-nav": { "prefix": "bottom-nav", "body": ["<v-bottom-nav>$0</v-bottom-nav>"], "description": "complete <v-bottom-nav>" },

"Complete v-bottom-sheet": { "prefix": "bottom-sheet", "body": ["<v-bottom-sheet>$0</v-bottom-sheet>"], "description": "complete <v-bottom-sheet>" },

"Complete v-btn": { "prefix": "btn", "body": ["<v-btn>$0</v-btn>"], "description": "complete <v-btn>" },

"Complete v-speed-dial": { "prefix": "speed-dial", "body": ["<v-speed-dial>$0</v-speed-dial>"], "description": "complete <v-speed-dial>" },

"Complete v-card": { "prefix": "card", "body": ["<v-card>$0</v-card>"], "description": "complete <v-card>" },

"Complete v-card-media": { "prefix": "card-media", "body": ["<v-card-media>$0</v-card-media>"], "description": "complete <v-card-media>" },

"Complete v-card-title": { "prefix": "card-title", "body": ["<v-card-title>$0</v-card-title>"], "description": "complete <v-card-title>" },

"Complete v-card-text": { "prefix": "card-text", "body": ["<v-card-text>$0</v-card-text>"], "description": "complete <v-card-text>" },

"Complete v-card-actions": { "prefix": "card-actions", "body": ["<v-card-actions>$0</v-card-actions>"], "description": "complete <v-card-actions>" },

"Complete v-carousel": { "prefix": "carousel", "body": ["<v-carousel>$0</v-carousel>"], "description": "complete <v-carousel>" },

"Complete v-chip": { "prefix": "chip", "body": ["<v-chip>$0</v-chip>"], "description": "complete <v-chip>" },

"Complete v-data-table": { "prefix": "data-table", "body": ["<v-data-table>$0</v-data-table>"], "description": "complete <v-data-table>" },

"Complete v-dialog": { "prefix": "dialog", "body": ["<v-dialog>$0</v-dialog>"], "description": "complete <v-dialog>" },

"Complete v-expansion-panel": { "prefix": "expansion-panel", "body": ["<v-expansion-panel>$0</v-expansion-panel>"], "description": "complete <v-expansion-panel>" },

"Complete v-expansion-panel-content": { "prefix": "expansion-panel-content", "body":
["<v-expansion-panel-content>$0</v-expansion-panel-content>"], "description": "complete <v-expansion-panel-content>" },

"Complete v-footer": { "prefix": "footer", "body": ["<v-footer>$0</v-footer>"], "description": "complete <v-footer>" },

"Complete v-spacer": { "prefix": "spacer", "body": ["<v-spacer>$0</v-spacer>"], "description": "complete <v-spacer>" },

"Complete v-form": { "prefix": "form", "body": ["<v-form>$0</v-form>"], "description": "complete <v-form>" },

"Complete v-container": { "prefix": "container", "body": ["<v-container>$0</v-container>"], "description": "complete <v-container>" },

"Complete v-icon": { "prefix": "icon", "body": ["<v-icon>$0</v-icon>"], "description": "complete <v-icon>" },

"Complete v-toolbar-side-icon": { "prefix": "toolbar-side-icon", "body": ["<v-toolbar-side-icon>$0</v-toolbar-side-icon>"], "description": "complete <v-toolbar-side-icon>" },

"Complete v-toolbar-title": { "prefix": "toolbar-title", "body": ["<v-toolbar-title>$0</v-toolbar-title>"], "description": "complete <v-toolbar-title>" },

"Complete v-list": { "prefix": "list", "body": ["<v-list>$0</v-list>"], "description": "complete <v-list>" },

"Complete v-divider": { "prefix": "divider", "body": ["<v-divider>$0</v-divider>"], "description": "complete <v-divider>" },

"Complete v-list-tile": { "prefix": "list-tile", "body": ["<v-list-tile>$0</v-list-tile>"], "description": "complete <v-list-tile>" },

"Complete v-list-tile-avatar": { "prefix": "list-tile-avatar", "body": ["<v-list-tile-avatar>$0</v-list-tile-avatar>"], "description": "complete <v-list-tile-avatar>" },

"Complete v-list-tile-content": { "prefix": "list-tile-content", "body": ["<v-list-tile-content>$0</v-list-tile-content>"], "description": "complete <v-list-tile-content>" },

"Complete v-list-tile-title": { "prefix": "list-tile-title", "body": ["<v-list-tile-title>$0</v-list-tile-title>"], "description": "complete <v-list-tile-title>" },

"Complete v-list-tile-action": { "prefix": "list-tile-action", "body": ["<v-list-tile-action>$0</v-list-tile-action>"], "description": "complete <v-list-tile-action>" },

"Complete v-menu": { "prefix": "menu", "body": ["<v-menu>$0</v-menu>"], "description": "complete <v-menu>" },

"Complete v-navigation-drawer": { "prefix": "navigation-drawer", "body": ["<v-navigation-drawer>$0</v-navigation-drawer>"], "description": "complete <v-navigation-drawer>" },

"Complete v-pagination": { "prefix": "pagination", "body": ["<v-pagination>$0</v-pagination>"], "description": "complete <v-pagination>" },

"Complete v-parallax": { "prefix": "parallax", "body": ["<v-parallax>$0</v-parallax>"], "description": "complete <v-parallax>" },

"Complete v-date-picker": { "prefix": "date-picker", "body": ["<v-date-picker>$0</v-date-picker>"], "description": "complete <v-date-picker>" },

"Complete v-time-picker": { "prefix": "time-picker", "body": ["<v-time-picker>$0</v-time-picker>"], "description": "complete <v-time-picker>" },

"Complete v-progress-circular": { "prefix": "progress-circular", "body": ["<v-progress-circular>$0</v-progress-circular>"], "description": "complete <v-progress-circular>" },

"Complete v-progress-linear": { "prefix": "progress-linear", "body": ["<v-progress-linear>$0</v-progress-linear>"], "description": "complete <v-progress-linear>" },

"Complete v-select": { "prefix": "select", "body": ["<v-select>$0</v-select>"], "description": "complete <v-select>" },

"Complete v-checkbox": { "prefix": "checkbox", "body": ["<v-checkbox>$0</v-checkbox>"], "description": "complete <v-checkbox>" },

"Complete v-slider": { "prefix": "slider", "body": ["<v-slider>$0</v-slider>"], "description": "complete <v-slider>" },

"Complete v-snackbar": { "prefix": "snackbar", "body": ["<v-snackbar>$0</v-snackbar>"], "description": "complete <v-snackbar>" },

"Complete v-stepper": { "prefix": "stepper", "body": ["<v-stepper>$0</v-stepper>"], "description": "complete <v-stepper>" },

"Complete v-stepper-header": { "prefix": "stepper-header", "body": ["<v-stepper-header>$0</v-stepper-header>"], "description": "complete <v-stepper-header>" },

"Complete v-stepper-step": { "prefix": "stepper-step", "body": ["<v-stepper-step>$0</v-stepper-step>"], "description": "complete <v-stepper-step>" },

"Complete v-stepper-content": { "prefix": "stepper-content", "body": ["<v-stepper-content>$0</v-stepper-content>"], "description": "complete <v-stepper-content>" },

"Complete v-stepper-items": { "prefix": "stepper-items", "body": ["<v-stepper-items>$0</v-stepper-items>"], "description": "complete <v-stepper-items>" },

"Complete v-subheader": { "prefix": "subheader", "body": ["<v-subheader>$0</v-subheader>"], "description": "complete <v-subheader>" },

"Complete v-tabs": { "prefix": "tabs", "body": ["<v-tabs>$0</v-tabs>"], "description": "complete <v-tabs>" },

"Complete v-tabs-bar": { "prefix": "tabs-bar", "body": ["<v-tabs-bar>$0</v-tabs-bar>"], "description": "complete <v-tabs-bar>" },

"Complete v-tabs-item": { "prefix": "tabs-item", "body": ["<v-tabs-item>$0</v-tabs-item>"], "description": "complete <v-tabs-item>" },

"Complete v-tabs-slider": { "prefix": "tabs-slider", "body": ["<v-tabs-slider>$0</v-tabs-slider>"], "description": "complete <v-tabs-slider>" },

"Complete v-tabs-content": { "prefix": "tabs-content", "body": ["<v-tabs-content>$0</v-tabs-content>"], "description": "complete <v-tabs-content>" },

"Complete v-text-field": { "prefix": "text-field", "body": ["<v-text-field>$0</v-text-field>"], "description": "complete <v-text-field>" },

"Complete v-toolbar": { "prefix": "toolbar", "body": ["<v-toolbar>$0</v-toolbar>"], "description": "complete <v-toolbar>" },

"Complete v-toolbar-items": { "prefix": "toolbar-items", "body": ["<v-toolbar-items>$0</v-toolbar-items>"], "description": "complete <v-toolbar-items>" },

"Complete v-tooltip": { "prefix": "tooltip", "body": ["<v-tooltip>$0</v-tooltip>"], "description": "complete <v-tooltip>" },
}

This file is far from being complete. It contains Vuetify.js tags from version 0.17, but does not include props.