vscode等IDE 一键生成 代码片段

在VSCode中保存自定义代码片段，主要通过用户设置或工作区设置实现，支持全局使用或项目特定。代码片段以JSON格式存储，定义触发前缀、代码内容和描述等。

1、创建全局代码片段（适用于所有项目）：

1.按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）打开命令面板

2.输入并选择“Preferences: Configure User Snippets”。选择“New Global Snippets file”并命名文件（如global.json）

3.然后在生成的JSON文件中添加片段定义，例如：

{
  "Print to Console": {
    "prefix": "log",
    "body": [
      "console.log('$1');",
      "$2"
    ],
    "description": "Log output to console"
  }
}

其中prefix是触发关键词，body是代码内容（支持占位符如${1:default}），description提供提示。保存文件后，VSCode会自动加载片段，若未生效可执行“Developer: Reload Window”命令。

一键生成代码模版网站，只需要把需要生成的代码片段输入里面，即可一键生成上面的json文件，复制即可

创建项目级代码片段（仅限当前工作区）： 在项目根目录下创建.vscode/snippets文件夹（若不存在需手动创建），然后在该文件夹中添加JSON文件（如javascript.code-snippets）。文件内容结构与全局片段类似，例如：

{
  "My Project Snippet": {
    "prefix": "proj",
    "body": [
      "// Project-specific code",
      "${1:TODO}"
    ],
    "description": "Project-specific template"
  }
}

此方法仅对当前项目生效，优先级高于用户级片段。

代码片段文件的存储位置： 用户级代码片段默认存储在以下路径：

• Windows：%APPDATA%\\Code\\User\\snippets
• macOS：~/Library/Application Support/Code/User/snippets
• Linux：~/.config/Code/User/snippets
  工作区级片段则位于项目根目录的.vscode/snippets文件夹中。

使用与管理代码片段： 在支持的语言文件中输入prefix后，IntelliSense会显示补全建议，按Tab或Enter插入并跳转到占位符。编辑时直接修改对应JSON文件即可，删除片段则移除其定义。