VSCode 自定义代码片段

需求

需要给 VSCode 增加一个形如 console.log('[feat] [desc]', '[param]', value) 的 Snippet 用于减少重复的 Typing

• feat 表示开发的 feature
• desc 表示这个 log 在当前上下文的作用
• param 表示需要 log 的变量名
• value 表示需要 log 的变量

步骤

1. 打开 VSCode。
2. 按下 Ctrl + Shift + P（在 Mac 上是 Cmd + Shift + P）打开命令面板。
3. 输入 Preferences: Configure User Snippets 并选择它。
4. 选择您想要添加代码片段的语言，例如 JavaScript 或 TypeScript，或者选择 New Global Snippets file 来创建一个全局代码片段文件。
5. 在打开的代码片段文件中，您可以添加类似以下的 JSON 配置：

{
  "Print to console": {
    "prefix": "logf",
    "body": ["console.log('[${1:feat}] [${2:desc}]', '[${3:params}]', ${4:value})"],
    "description": "Log output for feature and description"
  }
}