在VSCode中设置代码模板需通过用户代码片段功能,首先打开文件 > 首选项 > 用户代码片段,选择目标语言或创建全局片段,接着在JSON配置中定义名称、prefix触发词、body内容及描述;支持$1、$2光标定位和${TM_FILENAME}、${CURRENT_YEAR}等变量,保存后输入prefix按Tab即可插入,提升编码效率。
在 VSCode 里设置代码模板主要通过“用户代码片段”功能实现,你可以为不同语言创建自定义的代码模板,提升编码效率。
打开代码片段配置
点击菜单栏的 文件 > 首选项 > 用户代码片段(或者使用快捷键 Ctrl + Shift + P 输入“配置用户代码片段”),然后选择你要设置的语言,比如 JavaScript、Python 等,或选择“新建全局代码片段”来创建通用模板。
编写代码片段
进入对应语言的 JSON 配置文件后,可以添加一个代码片段。格式如下:
{ “Log to Console”: { “prefix”: “log”, “body”: [ “console.log(‘$1’);”, “$2” ], “description”: “输出日志到控制台” } }
说明:
- Log to Console:片段名称,可自定义
- prefix:触发关键词,输入 log 后按 Tab 就会插入这段代码
- body:实际插入的代码内容,支持多行
- $1、$2:光标停留位置,$1 是第一个停靠点,Tab 切换到 $2
- description:提示信息,出现在自动补全列表中
使用变量和占位符
你还可以在模板中使用内置变量,比如:
- ${TM_FILENAME}:当前文件名
- ${CURRENT_YEAR}:当前年份
- ${SELECTION}:选中的文本
例如创建一个带时间戳的注释模板:
“File Header”: { “prefix”: “header”, “body”: [ “/**”, ” * File: ${TM_FILENAME}”, ” * Created: ${CURRENT_DATE}”, ” */” ], “description”: “插入文件头信息” }
保存文件后,在对应语言的编辑器中输入你设置的 prefix,就会出现提示,按 Tab 即可快速插入模板。
基本上就这些,不复杂但容易忽略细节。多试几次就能熟练了。
javascript python java vscode js json 编码 配置文件 Python JavaScript json console vscode