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

一.首先是打开vscode,在里面点击设置,然后点击用户代码片段会出现,新代码片段

二.然后点击新代码片段,输入你自己定义的名字,然后会出现如下

三.然后就可以在里面开始做你要编辑代码快捷键生成代码片段

这是定义的vuex代码片段,如下:

"Print to vuex": {
		"prefix": "vuex",
		"body": [
			"const state = {}",
			"const mutations = {}",
			"const actions = {}",
			"const getters = {}",
			"export default {",
			"	state,",
			"	mutations,",
			"	actions,",
			"	getters,",
			// 开启命名空间
			"	namespaced: true",
			"}",
		],
		"description": "函数式组件"
	}

说明:

prefix :呼出代码片段的关键字,输入此内容就可以调出代码片段。

body :代码段的主体.需要编写的代码放在这里,

description :代码段描述。输入prefix后编辑器显示的提示信息。

换行效果: 或者

缩进效果: ,表示一个tab键的缩进。

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

经验分享 程序员 微信小程序 职场和发展