废话不多说,先看效果图:
效果图
接下来就讲讲怎么设置自动生成代码。
步骤1:
文件-》首选项-》用户片段
步骤2:
选择代码段文件
这里我以typescript为例。
步骤3:

{
	"define a property and its getter/setter": { // 代码段名称
		"prefix": "_prop", // 代码段前缀
		"body": [ // 代码段内容
			"private ${1:value}: ${2:string};", //$1表示光标落点,可以设置多个相同的落点 ${1:value}表示光标处默认内容为value
			"public get${3:Value}(): ${2:string} {",
			"\treturn this.${1:value};", // \t表示内容缩进一个tab空格
			"}",
			"public set${3:Value}(v: ${2:string}): void {",
			"\tthis.${1:value} = v;",
			"}"
		],
		"description": "定义一个属性及其getter / setter"
	},
}

设置完成后保存文件即可。
步骤4:
如何使用:
新建一个ts文件,输入_prop后,会有菜单栏提示,选择_prop后,按下tab键后自动生成代码,修改完成后,再按下tab键,即可进入下一个光标位置进行输入。

其他类型的文件也可以自定义代码片段,各位根据自己需求去扩展。

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐