通过用户代码片段功能可在VSCode中配置代码模板,选择语言后编辑JSON格式的配置文件,定义触发词、描述和代码体,支持占位符与变量,实现高效代码生成。

在 VSCode 中配置代码模板主要通过用户代码片段(User Snippets)功能实现,可以为不同语言快速生成常用代码结构。操作简单,效果显著。
打开代码片段配置
点击菜单栏的 文件 > 首选项 > 用户代码片段(或使用快捷键 Ctrl+Shift+P,输入“首选项:配置用户代码片段”)。随后会提示选择语言,比如选“JavaScript”就会创建针对 JS 文件的模板。
编写自定义代码片段
选择语言后,VSCode 会打开一个 JSON 格式的配置文件。每个代码片段包含触发词、描述和实际代码内容。例如,为 JavaScript 添加一个函数模板:
{ "Create a function": { "prefix": "func", "description": "生成一个基础函数", "body": [ "function ${1: functionName}() {", " $2", "}" ] } }保存文件后,在 .js 文件中输入 func 就会自动提示并插入该模板。其中 是光标首次停留位置, 是按 Tab 键跳转的下一个位置,${1: functionName} 表示默认文本。
创建项目级模板(可选)
若希望模板仅在当前项目生效,可在项目根目录创建 .vscode 文件夹,添加 javascript.json(或其他语言对应文件),写入相同格式的片段内容。这样别人克隆项目也能使用统一模板。
支持占位符变量如 $TM_FILENAME(当前文件名)、$CURRENT_YEAR 等,适合写头部注释。
基本上就这些。配置一次,长期受益,尤其适合写组件、接口或固定结构代码时提升效率。










