Vue.js Code Snippets

Preview

Sridhar Nathani

|
2,302 installs
| (0) | Free
Handy code snippets for Vue.js projects. Supports VS2017, VS2019 versions of Community, Pro and Enterprise editions.

Vue.js code snippets for Visual Studio 2017/2019

Supports all editions of Visual Studio. Please report issues. If you would like to have more snippets, request in Q & A.

Shortcut Description
HTML
vcomp Code snippet to scaffold a Single File Component (SFC)
vscr Script tag for the Vue component
vstyle Style tag with scope attribute for the Vue component
vtemp Template tag with a div as root element for the Vue component
vslot Slot tag with a name
vfor v-for directive code
   
JavaScript
vcomponent Code snippet to scaffold component script
vmixin Code template for a Vue.js mixin to be included in a component mixins property
vlch Vue component life-cycle hooks
vindex index.js rollup/barrel file template
vmodel ES6 class template
vfilg Global filter declaration
vfil Inline filter property of a component
vdirg Global directive definition
vdir Inline directives property of a component
vdirgfn Global directive definition in shorthand function form
vdata Data method of a component
JavaScript [Release 1.0.1]
vprops Code snippet for props property
vprop Code snippet for props property declaration
vpropfull Code snippet for props property full declaration with validation
vc Code snippet for computed property
vcfull Code snippet for a computed property with getter and setter
vw Code snippet for watch property
vwm Code snippet for watch method
vrf Render function for a functional component
vmain Application initialization snippet - Vue CLI
veventbus Code snippet for EventBus
vstore Script implementing store pattern
vautoreg Script for registering all components in /components/* globally with Vue.
JavaScript [Release 1.0.2/3]
vr component's render function
vcel createElement definition - short form
vcelement createElement definition - full form
vcelementdata Full definition of the data object parameter of createElement(.,/data/,.)
vfcg Code snippet to create a global functional component with render function
ve this.$emit(.,.)
von Event handler using this.$on(.,.)
vcmodel Model property of a component to override the behavior of v-model
vclisteners Computed listeners property to override listeners on a component