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

我不得不放private。也许有一种更整洁的方法，但这对我有用。

Answer 5

在 vscode 中按 gear 按钮，然后选择 User Snippets 然后输入 javascriptreact 如果您使用“javascript”或 typescriptreact 来表示“typescript”，请粘贴您想要的代码片段：D