Visual Studio Code-Vue代码片断(五)

一、Vue VSCode Snippets

1. 安装扩展
   搜索：Vue VSCode Snippets

   
   
   Vue VSCode Snippets

2. 快捷方式

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