如何在 VSCode 的 .js 文件中注释 JSX 代码?

IT技术 reactjs react-native visual-studio-code jsx
2021-04-01 09:04:52

与 webstorm 不同,我无法.js在 Visual Studio Code 的文件中注释 JSX 代码

6个回答

你可以通过 {/**/} 注释掉 JSX

例子 :

render() {
  return (
    <div>
      <Component1 />
      {/* <Component2 /> */}
    </div>
  )
}

然后 Component2 将被注释掉

是的,但有没有办法通过快捷方式 Cmd+/ 快捷方式做到这一点?
2021-05-23 09:04:52
是的……这似乎是一个持续的问题?
2021-06-04 09:04:52
github.com/Microsoft/vscode/issues/6461这是我设法找到的有关该问题的信息
2021-06-10 09:04:52
我一直在四处寻找,但没有看到任何东西......当我偶然发现一些捷径时,我会告诉你
2021-06-13 09:04:52

Babel JavaScript在 VS Code 中搜索

https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel

在此处输入图片说明

安装command + /并将评论 jsx{ /* */ }

尝试禁用所有插件,因为它们可以改变编辑器的行为。例如,如果使用巴贝尔ES6 / ES7插件编辑点评.jsxBY语法//来代替{/*你会看到这里的问题

@JonathanTuzman 尝试一一禁用您的 VS 插件。
2021-05-28 09:04:52
我似乎遇到了这个问题,JSX 中的 VS Code 注释应用{/* */}了几个星期,但后来它停止工作了。我昨天确实安装了Babel ES6/ES7,所以我只是尝试卸载它,它没有恢复正常。有什么帮助吗?
2021-05-30 09:04:52

如果您在 mac 或 place 上运行,则Visual Studio codeHit 中Cmd + /

{/* Your Code */}

谢谢你。

键盘命令...

Ctrl + /- Windows 和 Linux
Cmd + /- MacOS

...现在通过{/* */}在所选行周围添加按预期工作单行和块代码

在最近的 Visual Studio Code 内部版本中得到修复并将使其成为下一个完整版本。

同样的键盘快捷键也适用于 Atom(可能并不奇怪,因为 Visual Studio Code 和 Atom 都是基于电子构建的)。
2021-05-28 09:04:52
在最新的 VS Code 通用版本中无需任何插件即可为我工作。
2021-05-30 09:04:52
无法让它在 VS CODE 中工作。您是否正在使用任何有助于解决此问题的插件?
2021-06-04 09:04:52