敲了很久感觉设置代码片段还是很有必要的,可以大大提升开发效率同时减少你手指的工作量。

1、点击VSCODE左下方的设置,选择代码片段

2、直接选择新建全局代码片段文件

3、配置你需要的代码片段类型,我这里以配置vue3代码片段为例

{
	"vue3模板": { //快捷输入的时候显示的提示
		"prefix": "v3", //输入的前缀,就是输入这个会有提示
		"description": "vue3模板", //描述
		"body": [ //这个是一个字符串数组,就是会输出的内容,如果内容含有双引号,需要转义,比如下面的lang=\"ts\"
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<script setup lang=\"ts\">",
			"",
			"</script>",
			"",
			"<style scoped>",
			"</style>",
			""
		]
	},
}

4、配置完后,在新建vue文件中输入v3即可使用代码片段

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐