每次写vue.js组件时候，总是去之前页面复制粘贴个模板，然后再删掉没用的，继续进行开发，感觉有点low，那有没有一个比较好用的插件，能让你输入几个字母高效准确就出现你想要的代码块呢？答案是肯定的，Vue VSCode snippets - 一款加速你开发的体验插件
Vue VSCode snippets的插件怎么安装就不多提了，在插件库直接搜点安装就行了，下面记录下语法
Script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| vbase Single file component base
vdata Component data as a function
vmethod Vue method
vcomputed Vue computed property
vwatcher Vue watcher with new and old value args
vprops Props with type and default
vimport Import one component into another
vimport -c Import one component into another within the export statement
vimport -export Import one component into another and use it within the export statement
vfilter Vue filter
vmixin Create a Vue Mixin
vmixin -use Bring a mixin into a component to use
vc -direct Vue create a custom directive
vimport -lib Import a library
vimport -gsap Import GreenSock with Timeline and Eases
vanimhook -js Using the Transition component JS hooks in methods |
Template
1
2
3
4
5
6
7
8
9
10
11
12
| vfor v-for directive
vmodel Semantic v-model directive
vmodel-num Semantic v-model number directive
von v-on click handler with arguments
vel-props Component element with props
vsrc Image src binding
vstyle Inline style binding
vstyle-obj Inline style binding with objects
vclass Class binding
vclass-obj Class binding with objects
vclass-obj-mult Multiple conditional class bindings
vanim Transition component with JS hooks |
Vuex
1
2
3
4
5
| vstore Base for Vuex store.js
vgetters Vuex Getter
vmutation Vuex Mutation
vaction Vuex Action
vstore-import Import vuex store into main.js |
Extra (plaintext)
1
2
3
| gitignore .gitignore file presets
vinc incrementer
vdec decrementer |
预览
「两年博客，如果觉得我的文章对您有用，请帮助本站成长」
Rachaellop（4小时前）
JorgeBiz（1天前）
管理员（2周前 (11-04)）
污泥螺杆泵（2周前 (11-04)）
vanhua（1个月前 (10-13)）
管理员（1个月前 (10-11)）
共有 0 条评论 - 推荐Visual Studio Code快速编写vue.js的神器插件