Skip to content
Vue Snippets for fast Development
HCL
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
.vscode
assets
docs
snippets
.gitignore
.vscodeignore
CHANGELOG.md
README.md
package.json
yarn.lock

README.md

Vue Velocidad

logo

Vue Velocidad is a very opinionated Vue VsCode snippet extension, which modifies and updates vue-vscode-snippets, best used with Vue-Cli 3.

Install

Either click this link or install it from the commandline

code --install-extension davidbernegger.vuevelocidad

example

Snippets

Data

prefix Expression
vdata data: {}
vmethod method: {}
vcomputed computed: {}
vwatch watch: {}
vwatch-options watch: {...}
vprops props: {}
vcomponents components: {}
vfilter filters: {}
vmixin mixins: []

Template

prefix Expression
vfor v-for
vmodel v-model
von v-on
vimg image source
vstyle bind style
vstyle-arr bind 2+ styles
vclass bind class
vclass-arr bind 2+ classes
vanim transition comp
vanim--hook in script

Life Cycle Hooks

prefix Expression
vbcreate beforeCreate()
vcreated created()
vbmount beforeMount()
vmounted mounted()
vbupdate beforeUpdate()
vupdated updated()
vbdestroy beforeDestroy()
vdestroyed destroyed()

VueX

prefix Expression
vcommit this.$store.commit()
vdispatch this.$store.dispatch()
vmapgetters ..mapGetters({...})
vmapstate ..mapState({...})
vstore vuex store base
vstore-import import vuex store
vgetters getters: {...}
vmutations muations: {...}
vactions actions: {...}

Other

prefix Expression
vtest unit test
vnextick next Tick
vscss import external scss in vue.config.js
You can’t perform that action at this time.