This repository was archived by the owner on Sep 7, 2021. It is now read-only.

af009/vue-snippets

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DownloadsDownloadsDownloadsDownloadsVersion

A collection of VUE snippets for Brackets editor.

  1. Under main menu select Help > Show Extensions Folder
  2. Git clone this repository inside the folder user.
  1. Under main menu select File > Extension Manager...
  2. Search for "Vue snippets"
  3. Click "Install"
  1. Enable Vue Snippets
    Under main menu select Edit > Enable Vue Snippets or
    open the Preferences File and add "vue-snippets.enabled": true.
  2. Enter a snippet and hit the Space key.
SnippetPurpose
vbaseSingle file component base
SnippetPurpose
vforv-for directive
vmodelSemantic v-model directive
vmodelNumSemantic v-model number directive
vonv-on click handler with arguments
velPropsComponent element with props
vsrcImage src binding
vstyleInline style binding
vstyleObjInline style binding with objects
vclassClass binding
vclassObjClass binding with objects
vclassObjMultMultiple conditional class bindings
vanimTransition component with JS hooks
vnuxtlNuxt Routing Link
SnippetPurpose
vdataComponent data as a function
vmethodVue method
vcomputedVue computed property
vwatcherVue watcher with new and old value args
vpropsProps with type and default
vimportImport one component into another
vcomponentsImport one component into another within the export statement
vimportExportImport one component into another and use it within the export statement
vfilterVue filter
vmixinCreate a Vue Mixin
vmixinUseBring a mixin into a component to use
vcDirectVue create a custom directive
vimportLibImport a library
vimportGsapImport GreenSock with Timeline and Eases
vanimhookJSUsing the Transition component JS hooks in methods
vcommitCommit to Vuex store in methods for mutation
vdisDis to Vuex store in methods for action
vtestA simple unit testing component
vincincrementer
vdecdecrementer
SnippetPurpose
vstoreBase for Vuex store.js
vgetterVuex Getter
vmutationVuex Mutation
vactionVuex Action
vstoreImportImport vuex store into main.js
SnippetPurpose
nfontlink to include fonts in a nuxt project, in nuxt-config
ncsslink to css assets such as normalize

Thank you all!!!

About

A collection of Vue snippets for Brackets.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published