vscode操作-用户代码片段的使用方法
一.首先是打开vscode,在里面点击设置,然后点击用户代码片段会出现,新代码片段二.然后点击新代码片段,输入你自己定义的名字,然后会出现如下三.然后就可以在里面开始做你要编辑代码快捷键生成代码片段这是定义的vuex代码片段,如下:"Print to vuex": {"prefix": "vuex","body": ["const state = {}","const mutations = {}
·
目录
一.首先是打开vscode,在里面点击设置,然后点击用户代码片段会出现,新代码片段
二.然后点击新代码片段,输入你自己定义的名字,然后会出现如下
一.首先是打开vscode,在里面点击设置,然后点击用户代码片段会出现,新代码片段
二.然后点击新代码片段,输入你自己定义的名字,然后会出现如下
三.然后就可以在里面开始做你要编辑代码快捷键生成代码片段
这是定义的vuex代码片段,如下:
"Print to vuex": {
"prefix": "vuex",
"body": [
"const state = {}",
"const mutations = {}",
"const actions = {}",
"const getters = {}",
"export default {",
"\tstate,",
"\tmutations,",
"\tactions,",
"\tgetters,",
// 开启命名空间
"\tnamespaced: true",
"}",
],
"description": "函数式组件"
}
说明:
prefix :呼出代码片段的关键字,输入此内容就可以调出代码片段。
body :代码段的主体.需要编写的代码放在这里,
description :代码段描述。输入prefix后编辑器显示的提示信息。
换行效果:\r或者\n
缩进效果:\t,表示一个tab键的缩进。
小结: 自定义代码段可以大大提升工作效率:用较少的代码生成一段较长的代码。
更多推荐
已为社区贡献2条内容
所有评论(0)