vscode操作-用户代码片段的使用方法

目录

一.首先是打开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键的缩进。

小结： 自定义代码段可以大大提升工作效率：用较少的代码生成一段较长的代码。