一、Vue VSCode Snippets
-
安装扩展
搜索：Vue VSCode Snippets
Vue VSCode Snippets 快捷方式
Vue
| 片断 | 用途 |
|---|---|
| vbase | 单个文件组件库 |
| vbase-css | 带有css的单个文件组件库 |
| vbase-ts | 带有typescript的单个文件组件库 |
模板
| 片段 | 用途 |
|---|---|
| vfor | v-for 指令 |
| vmodel | 语义v-model指令 |
| vmodel-num | 语义 v-model number 指令 |
| von | v-on click 带参数的处理程序 |
| vel-props | 带有props组件元素 |
| vsrc | Image src绑定 |
| vstyle | 内联样式绑定 |
| vstyle-obj | 与对象的内联样式绑定 |
| vclass | 类绑定 |
| vclass-obj | 类与对象绑定 |
| vclass-obj-mult | 多个条件类绑定 |
| vanim | 带js钩子的转换组件 |
| vnuxtl | nuxt路由链接 |
| vroutename | router-link 名称连接 |
| vroutenameparam | router-link 名称带参数 |
| vroutepath | router-link 路径路由链接 |
脚本
| 片段 | 用途 |
|---|---|
| vdata | 组件data函数 |
| vmethod | Vue 方法 |
| vcomputed | Vue 计算属性 |
| vwatcher | Vue watcher with new and old value args |
| vbeforecreate | beforeCreate 生命周期方法 |
| vcreated | created生命周期方法 |
| vbeforemount | beforeMount 生命周期方法 |
| vmounted | vmounted生命周期方法 |
| vbeforeupdate | beforeUpdate 生命周期方法 |
| vupdated | updated生命周期方法 |
| vbeforedestroy | beforeDestroy生命周期方法 |
| vdestroyed | destroyed生命周期方法 |
| vprops | Props默认类型 |
| vimport | 将一个组件导入另一个组件 |
| vcomponents | 在export语句中将一个组件导入另一个组件 |
| vimport-export | 将一个组件导入另一个组件并在导出中使用它 |
| vmapstate | 将MapState从Vuex导入Vue组件 |
| vmapgetters | 将Mapgetter从Vuex导入Vue组件 |
| vmapmutations | 从Vuex导入MAP突变到Vue组件 |
| vmapactions | 将映射操作从Vuex导入Vue组件 |
| vfilter | Vue 过滤器 |
| vmixin | 创建vue mixin |
| vmixin-use | 将mixin带到组件中使用 |
| vc-direct | Vue创建自定义指令 |
| vimport-lib | 导入库 |
| vimport-gsap | 导入带有时间线和简化的Greensock |
| vanimhook-js | 使用方法中的转换组件js钩子 |
| vcommit | 提交Vuex 到 mutation |
| vdispatch | 送到Vuex存储在方法中以执行操作 |
| vtest | 一个简单的单元测试组件 |
| vinc | 增量器 |
| vdec | 减缩器 |
| vconfig | js文件，示例将sass文件导入到每个组件中 |
Vuex
| 片段 | 用途 |
|---|---|
| vstore | Base for Vuex store.js |
| vgetter | Vuex Getter |
| vmutation | Vuex Mutation |
| vaction | Vuex Action |
| vmodule | Vuex Module |
| vstore-import | Import vuex store into main.js |
| vstore2 | Updated Base for Vuex store |
Vue Router
| 片段 | 用途 |
|---|---|
| vrouter | Base for Vue Router |
| vscrollbehavior | Vue Router scrollBehavior |
| vbeforeeach | Vue Router global guards beforeEach |
| vbeforeresolve | Vue Router global guards beforeResolve |
| vaftereach | Vue Router global guards afterEach |
| vbeforeenter | Vue Router per-route guard beforeEnter |
| vbeforerouteenter | Vue Router component guards beforeRouteEnter |
| vbeforerouteupdate | Vue Router component guards beforeRouteUpdate |
| vbeforerouteleave | Vue Router component guards beforeRouteLeave |
Nuxt Config
| 片段 | 用途 |
|---|---|
| nfont | link to include fonts in a nuxt project, in nuxt-config |
ncss link to css assets such as normalize
Extra (plaintext)
| 片段 | 用途 |
|---|---|
| gitignore | .gitignore file presets |
