reactjs VSCode用户代码段在jsx内不起作用

bwntbbo3 于 2023-03-17 发布在 React

关注(0)|答案(6)|浏览(143)

我有一些片段：

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

它在js范围内工作，但是当我试图在jsx render内做同样的事情时-它不想工作。
如何告诉我的VSCode，我想在jsx内部做同样的事情？

reactjs

来源：https://stackoverflow.com/questions/51608965/vscode-user-snippet-doesnt-works-inside-jsx

6条答案

按热度按时间

gwo2fgha1#

我不得不写"scope": "javascript,jsx,jsx-attr"。也许有一个更简洁的方法，但我做到了。

赞(0）回复(0）举报 2023-03-17

vjrehmav2#

在vscode中，按下***齿轮***按钮，然后选择***用户代码段***，然后键入***javascripreact***（如果您使用“javascript”）或***typescripreact***（对于“typescript”），然后跳过您想要的代码段代码：D

赞(0）回复(0）举报 2023-03-17

wqsoz72f3#

我只是从对象中删除了作用域键，这对我很有效

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

到

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

赞(0）回复(0）举报 2023-03-17

jtoj6r0c4#

也许可以在代码段中添加“scope”：

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

javascripreact---〉jsx文件
应该是这样的...

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

赞(0）回复(0）举报 2023-03-17

xqkwcwgp5#

将该代码段放入全局代码段文件应该可以工作。
一个月一次/一个月一次/一个月二次

赞(0）回复(0）举报 2023-03-17

pb3skfrl6#

在jsx内部，建议的代码片段类型不是“javascript”，而是“jsx”：
当您转到File/Preferences/User snippets时，您可以查找jsx（文件名jsx.json）
如果您将代码段放在该文件中，那么它应该在jsx中可用

赞(0）回复(0）举报 2023-03-17