https://github.com/davidbernegger/VueVelocidad

Vue Snippets for fast Development
https://github.com/davidbernegger/VueVelocidad

snippets velocidad vscode vscode-extension vscode-snippets vue vue-cli vue-snippets vuevelocidad

Last synced: 26 days ago
JSON representation

Vue Snippets for fast Development

• Host: GitHub
• URL: https://github.com/davidbernegger/VueVelocidad
• Owner: davidbernegger
• Created: 2019-02-26T14:50:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T14:52:49.000Z (over 1 year ago)
• Last Synced: 2024-02-25T11:36:26.845Z (4 months ago)
• Topics: snippets, velocidad, vscode, vscode-extension, vscode-snippets, vue, vue-cli, vue-snippets, vuevelocidad
• Language: HCL
• Size: 3.2 MB
• Stars: 30
• Watchers: 1
• Forks: 1
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Lists

• awesome-github-repos - davidbernegger/VueVelocidad - Vue Snippets for fast Development (HCL)

README

        
# Vue Velocidad



  

    

   



Vue Velocidad is a very opinionated Vue VsCode snippet extension, which modifies and updates [vue-vscode-snippets](https://github.com/sdras/vue-vscode-snippets), best used with Vue-Cli 3.

## Install

Either click [this link](https://marketplace.visualstudio.com/items?itemName=davidbernegger.vuevelocidad) or install it from the commandline

```batch

code --install-extension davidbernegger.vuevelocidad

```



  

    

  



## 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 |