VSCode 用户片段在 jsx 中不起作用答案

【问题标题】：VSCode user snippet doesn't works inside jsxVSCode 用户片段在 jsx 中不起作用
【发布时间】：2019-01-07 14:08:49
【问题描述】：

我有一些sn-p：

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

它可以在 js 范围内工作，但是当我尝试在 jsx 渲染中做同样的事情时 - 它不想工作。

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

【问题讨论】：

标签： javascript reactjs visual-studio-code

【解决方案1】：

将 sn-p 放入全局 sn-ps 文件应该可以。

Gear Icon/User Snippets/ myGlobalSnippets.code-snippets

【讨论】：

【解决方案2】：

看起来在jsx里面，提议的sn-ps的类型不是“javascript”而是“jsx”：

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

如果你把你的 sn-p 放在那个文件中，它应该在你的 jsx 中可用

【讨论】：

【解决方案3】：

也许将“范围”添加到您的 sn-p：

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

javascriptreact ---> jsx 文件

应该是这样的……

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

【讨论】：

...和typescriptreact 用于.tsx 文件。

【解决方案4】：

我必须输入"scope": "javascript,jsx,jsx-attr"。也许有一种更简洁的方法，但这对我有用。

【讨论】：

【解决方案5】：

在 vscode 中按 gear 按钮然后选择 User Snippets 然后输入 javascriptreact 如果您使用“javascript”或 typescriptreact 用于“typescript”，然后通过您想要的 sn-p 代码：D

【讨论】：