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

IT技术 javascript reactjs visual-studio-code
2021-05-06 04:13:28

我有一些片段:

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

它在 js 范围内工作,但是当我尝试在 jsx 渲染中执行相同的技巧时 - 它不想工作。

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

在此处输入图片说明

4个回答

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

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

javascriptreact ---> jsx 文件

应该是这样的...

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

将该代码段放入您的全局代码段文件中应该可以工作。

Gear Icon/ User Snippets/myGlobalSnippets.code-snippets

看起来在 jsx 中,建议的片段类型不是“javascript”而是“jsx”:

当你去 File/ Preferences/User snippets你可以看看的JSX格式(文件名jsx.json

如果你把你的代码片段放在那个文件中,它应该在你的 jsx 中可用

我不得不放"scope": "javascript,jsx,jsx-attr"也许有一种更简洁的方法,但这对我来说是可行的。