一、vscode编辑器底部 > 设置 > 用户代码片段
用户代码片段
二、选择新建全局代码片段文件
新建全局代码片段文件
三、输入代码段名称（例如demo） > 回车（enter）> 生成demo.code-snippets文件
输入文件名
文件内容
四、关键字段配置
scope: 适用语言配置，不配置则默认适用所有语言;
prefix: 快捷指令，在编辑器中输入快捷指令即可快速加载出‘body’内代码片段;
body: 代码片段的内容, 支持环境变量、可选入参、支持换行符、制表符；
例如：
1、创建一个快捷指令为div的代码片段；
2、 创建demo.vue空文件；
3、空白文件中输入快捷指令"div",并回车，即可获得代码片段；
创建快捷指令为div的代码片段
代码片段
推荐：书写代码片段比较麻烦，推荐使用代码段生成器工具： https://snippet-generator.app/
代码段生成器
body中变量的用法
- 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：当前文档的完整文件路径
- RELATIVE_FILEPATH：当前文档的相对文件路径 (相对于打开的工作区或文件夹）
- CLIPBOARD：剪贴板的内容
- WORKSPACE_NAME：打开的工作区或文件夹的名称
- WORKSPACE_FOLDER：打开的工作区或文件夹的路径
- CURSOR_INDEX：基于索引为0的光标编号
- CURSOR_NUMBER：基于索引为1的光标编号
插入当前日期和时间
- CURRENT_YEAR：当前年
- CURRENT_YEAR_SHORT：当前年的最后两位数
- CURRENT_MONTH：两位数的月份值（如：02）
- CURRENT_MONTH_NAME：月份的全称（如'July'）
- CURRENT_DATE：月份缩写（如'Jul'）
- CURRENT_DATE：保留两位数的月份日期（如：09）
- CURRENT_DAY_NAME：星期数（如'Monday'）
