// the find
sdras/vue-vscode-snippets
These snippets were built to supercharge my workflow in the most seamless manner possible.
A VSCode extension providing snippets for Vue 2 and Vue 3 development — SFC scaffolding, template directives, Composition API hooks, Vuex, and Vue Router. Built by Sarah Drasner, so it reflects real-world Vue usage patterns rather than just mirroring the docs. Useful for anyone who writes Vue daily and is tired of typing the same boilerplate.
Covers both Options API and Composition API including script setup, so you're not stuck with Vue 2 patterns. The SFC base snippets support multiple style preprocessors (SCSS, SASS, LESS, PostCSS, Stylus) without making you pick one globally. Snippet naming is consistent and memorable — the v3 prefix cleanly separates Composition API variants. Pug template support is there if you use it.
Last meaningful update was late 2024 and the Nuxt snippets are still targeting Nuxt 2/3 patterns — no Nuxt 4 or the new app directory conventions. Vuex snippets are baked in but Pinia is now the official Vue recommendation; there's nothing here for defineStore or storeToRefs. The Vuex filter snippet (vfilter) still exists even though Vue 3 dropped filters entirely, which is a trap for anyone on Vue 3. No snippets for defineProps/defineEmits in the script setup style, which is the pattern most new Vue 3 code actually uses.