配置VSCode代码片段可提升编码效率，通过创建自定义模板实现快速插入代码。首先在首选项中打开用户代码片段，选择语言后进入JSON配置文件，或在项目.vscode目录下创建对应语言的片段文件。每个片段包含名称、prefix触发词、body主体内容及可选description描述。例如为JavaScript设置log片段：输入"log"后展开为console.log语句，$1、$2表示光标跳转位置，支持默认值${1:文本}和动态变量如$TM_FILENAME、$CURRENT_YEAR等。保存后在编辑器输入前缀即可触发补全并用Tab展开，熟练使用可显著提高开发速度。
配置 VSCode 的代码片段非常实用，能大幅提升编码效率。你可以为特定语言创建自定义代码模板，输入简短前缀后自动展开成完整代码结构。
打开代码片段配置文件
在 VSCode 中，点击菜单栏的 文件 > 首选项 > 用户代码片段（Windows/Linux），或 Code > 首选项 > 用户代码片段（macOS）。接着输入语言名称（如 JavaScript、Python 等），选择对应语言后会打开一个 JSON 格式的配置文件。
如果你想为某个项目单独设置片段，可在项目根目录的 .vscode 文件夹中创建 javascript.json 或对应语言的片段文件。
编写代码片段格式
每个代码片段是一个键值对，键是片段名称，值包含 prefix（触发关键词）、body（代码内容）和可选的 description（描述）。
示例：为 JavaScript 创建一个 log 片段：
{ "Log to console": { "prefix": "log", "body": [ "console.log('$1');", "$2" ], "description": "输出日志到控制台" } }说明：
citySHOP 多用户商城
下载
citySHOP是一款集CMS、网店、商品、系统，管理更加科学快速；全新Jquery前端引擎；智能缓存、图表化的数据分析，手机短信营销；各种礼包设置、搭配购买、关联等进一步加强用户体验；任何功能及设置都高度自定义；MVC架构模式，代码严禁、规范；商品推荐、促销、礼包、折扣、换购等多种设置模式；商品五级分类，可自由设置分类属性；商品展示页简介大方，清晰，图片自动放大，无需重开页面；商品评价、咨询分开
- $1 表示光标首次停留位置，$2 是第二次跳转位置
- 多个行用数组表示，每行是一条字符串
- 使用 ${1:default} 可设置默认文本
常用变量与占位符
VSCode 支持动态插入信息，提升片段灵活性：
- $TM_FILENAME：当前文件名
- $TM_LINE_NUMBER：当前行号
- $CURRENT_YEAR、$CURRENT_MONTH：当前年月
- ${1:提示文本}：带默认值的占位符
例如创建一个带时间戳的注释片段：
"Timestamp Comment": { "prefix": "ts", "body": [ "// Created on $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE", "$1" ], "description": "插入当前日期注释" }保存文件后，在对应语言的编辑器中输入 log 或 ts，就会看到自动补全提示，按 Tab 键即可展开。
基本上就这些，不复杂但容易忽略细节。多试几次就能熟练掌握。
