Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Vuetify 2 & 3 SnippetsNew to Visual Studio Code? Get it now.
Vuetify 2 & 3 Snippets

Vuetify 2 & 3 Snippets

Luis David Gonzalez

|
591 installs
| (0) | Free
Snippets of Vuetify components and tags used in Vue
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vuetify Snippets Extension 🎉

Vuetify.js UI components are fantastic, but remembering the syntax for all its components can be challenging. This simple extension provides extensive code IntelliSense to help you use Vuetify components effortlessly. ✨

Examples 📚

Type the snippet prefix (e.g., vapp) and press Tab to insert the complete snippet code.

vapp 🌟

<template>
   <v-app>
       <v-main>
           <v-container>
               <router-view></router-view>
           </v-container>
       </v-main>
   </v-app>
</template>

<script>

export default {
   name: '',
   components: {},
   props: {},
   data: () => ({}),
   computed: {},
   created: {},
   mounted: {},
   methods: {},
}
</script>

### `vcomponent` 🔘
```html
<template>
   <div>
       
   </div>
</template>

<script>

export default {
   name: '',
   components: {},
   props: {},
   data: () => ({}),
   computed: {},
   created: {},
   mounted: {},
   methods: {},
}
</script>

### `vcard 💳
```html
<v-card
  class=""
  max-width=""
>
    <v-card-text>
        <p class="">
            
        </p>
        <div>
            
        </div>
    </v-card-text>
    <v-card-actions>
        <v-btn
            color=""
            @click=""
        >
            
        </v-btn>
    </v-card-actions>
</v-card>

## Features 🚀

- Extensive IntelliSense for Vuetify components 🧠
- Covers both basic and advanced components 🔧
- Provides UI scaffolding for quick development 🏗️

## NEWS Features !!!

- Files with up to 4 columns were added.
- Some classes for text in Vuetify were added.

## Roadmap 🛤️

We aim to provide comprehensive support for all Vuetify components, ensuring quality code IntelliSense and Vue support.

## License 📜

This extension is licensed under the MIT License.

### [Donate](https://www.paypal.me/LGonzalezduerto) 💖
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft