vscode 如何添加代码片段?

14 阅读1分钟

步骤

1. 准备好要作为代码片段的代码

比如有如下代码:

class Person {
      constructor(name, age) {
        this.name = name
        this.age = age
      }

      running() {
      }

      eating() {
      }
    }

2. 将代码生成为代码片段的格式,并设置好 准备怎么触发代码片段的指令

通过在此 snippet-generator.app/ 生成代码片段的格式 (在某些vscode 版本中需要在生成的代码最外层添加一层{})

截屏2026-01-29 18.50.37.png

3. 在vscode 中添加代码片段

(1) 打开vscode 的配置选项

截屏2026-01-29 18.56.32.png

(2)查找要添加的片段的语言类型 (javaScript)

截屏2026-01-29 18.57.39.png

(3) 保存即可

4.测试

(1)输入命令

截屏2026-01-29 19.02.51.png

(2)生成代码

截屏2026-01-29 19.02.56.png