这是我配置.vue的代码模板：

 如果有需要代码如下：

{
	"Print to console": {
		"prefix": "vue", //这个vue就是每次快速找到这个模块的关键
		"body": [
			"<template>",
			"$1",
			"</template>",
			"",
			"<script>",
			"\texport default {",
			"\t\tname:\"${TM_FILENAME_BASE}\"",
			"\t}",
			"</script>",
			"",
			"<style scoped>",
			"",
			"</style>"
		],
		"description": "A vue file template"
	}
}

 

 打开 vs­code 在左下角设置图标 -> 用户代码片段
For_Loop: 当前 snip­pet 名字。
pre­fix: 前缀，代码块使用快捷方式；键入前缀，按 tab 键，代码块就会被使用。
body: 代码块内容；换行使用 rn。
de­scrip­tion: 键入前缀，vs­code 感知到前缀，显示的说明内容。
$1,$2,$0: 指定代码模块生成后，编辑光标出现位置；使用 Tab 键进行切换 (编辑光标按 $1,$2,$3...$0 的顺序跳转)，$0 是光标最后可切换位置。

 Snippet语法

Tabstops

$1，$2 指定代码块生成后，光标出现的位置；不同位置的相同 $1 位置同时出现光标。

Placeholders

给光标出现位置加上默认值；例如，${1:an­other ${2:place­holder}}；$1 处位置默认值是 an­other。

Choice

光标位置设置多个值可供选择；例如，${1|one,two,three|}；$1 位置处可以选择 one,two,three 中一个词填充在此处。

Variables

常用变量
    TM_SELECTED_TEXT 当前选中内容或空字符串
    TM_CURRENT_LINE 当前行内容
    TM_CURRENT_WORD 光标处字符或空字符串
    TM_LINE_INDEX 从0开始的行号
    TM_LINE_NUMBER 从1开始的行号
    TM_FILENAME 当前被编辑文档名
    TM_FILENAME_BASE 当前被编辑文档名，没有后缀
    TM_DIRECTORY 当前被编辑文档目录
    TM_FILEPATH 当前被编辑文档全路径
    CLIPBOARD 当前剪切板内容

日期和时间相关变量
    CURRENT_YEAR 当前年
    CURRENT_YEAR_SHORT 当前年后两位
    CURRENT_MONTH 月份，两位数字表示，例如02
    CURRENT_MONTH_NAME 月份全称，例如 'July'
    CURRENT_MONTH_NAME_SHORT 月份简写 ，例如'Jul
    CURRENT_DATE 某天
    CURRENT_DAY_NAME 星期几， 例如'Monday')
    CURRENT_DAY_NAME_SHORT 星期几的简写， 'Mon'
    CURRENT_HOUR 小时，24小时制
    CURRENT_MINUTE 分钟
    CURRENT_SECOND 秒数

 

参考链接：https://www.88ksk.cn/blog/article/31.html