如何添加自定义片段

Question

我已将如下自定义代码段定义到 javascriptreact.json

{
    "Console Logging": {
      "prefix": "clg",
      "body": "console.log('DEBUG::${1:key}', ${1:key});",
      "description": "Console Logging with DEBUG key"
    }
}

现在我想在任何扩展名为 .js 的文件中，我只需键入 clg，上面的 body 就会出现，但事实并非如此。看来我还需要找到一些方法来整理 "activate" 片段？不像自动激活的原子？我错过了什么？

Answer 1

原来问题是出于某种原因，如果片段在 javascriptreact.json 中则无法识别，但如果我将它添加到另一个自定义文件 CustomJavascript.code-snippets 中，并添加一个 scope 属性每个片段如下：

"Console Logging": {
    "scope": "javascript,typescript",
    "prefix": "clg",
    "body": "console.log('DEBUG::${1:key}', ${1:key});",
    "description": "Console Logging with DEBUG key"
},

Answer 2

javascriptreact.json 显然仅适用于 .jsx 文件。因此，如果您愿意，可以制作 .jsx 特定的片段，但在 .js 文件中不起作用。也许有些人会喜欢那样。

可以通过将代码段放入全局代码段文件中来解决（如果您认为有必要，可以加上范围限制）。

或者您可以简单地将您的代码段放入 javascript.json 代码段文件。

最后，如果您真的想要将您的 React 片段放入 javascriptreact.json 并让它们在 .js 和 .jsx 文件中可用，请尝试此设置：

"files.associations": {"*.js": "javascriptreact"},

但是 javascript.json 片段在 .js 文件中不起作用！所以你可能不想要那个。只需使用 javascript.json 片段文件。

如何添加自定义片段

How to add custom snippets

code-snippets

visual-studio-code