vscode 小技巧

目录

插件推荐

全局代码片段文件

---

插件推荐

Svg Preview 观看svg图片

全局代码片段文件

作用就是在指定的范围 输入指定的字符，就可以展示自定义的代码片段。可以帮助生成模板，加快写代码的速度~~~~~

 1.点击用户代码片段

 

 2.选择新建全局代码片段

 3.输入自定义文件名

 4.会出现一个json文件，这个是我给vue文件配置的vue3的代码片段，可以尝试一下。

{
	"Print to console": {
		"scope": "vue",//适用范围。可以通过中逗号分隔 我这里指向的是vue文件		
		"prefix": "v3",//触发代码片段。输入这个字符串就触发，这个片段
		"body": [ //内容体
			"<template>",
			"",
			"</template>",
			"",
			"<script setup lang='ts'>",
			"",
			"</script>",
			"",
			"<style lang='scss' scoped>",
			"",
			"</style>"

		],
		"description": "Log output to console"
	}
}