VSCode用户代码段在jsx中不起作用

Question

我有一些片段：

"JSON stringify": {
        "prefix": "jst",
        "body": [
            "<pre>{JSON.stringify($1, null, 2)}</pre>"
        ]
    },

它在js范围内工作，但是当我试图在jsx渲染中做同样的技巧时 - 它不想工作。

如何告诉我的VSCode，我想在jsx中做同样的事情？

Answer 1

将该代码段放入您的全局代码段文件应该有效。

Gear Icon / User Snippets / myGlobalSnippets.code-snippets

Answer 2

也许在您的代码段中添加“范围”：

"scope": "javascript,typescript,javascriptreact",

javascriptreact ---> jsx文件

它应该是这样的......

"JSON stringify": {
  "scope": "javascript,typescript,javascriptreact",
  "prefix": "jst",
  "body": [
    "<pre>{JSON.stringify($1, null, 2)}</pre>"
  ]
},

Answer 3

它看起来像在jsx里面，提议的片段类型不是“javascript”而是“jsx”：

当你去File / Preferences / User snippets时你可以找到jsx格式（文件名jsx.json）

如果您将代码段放在该文件中，它应该在您的jsx中可用

Answer 4

我不得不把"scope": "javascript,jsx,jsx-attr"。也许有一个更简洁的方式，但这对我来说。