如何在VSCode的.js文件中注释掉jsx代码？

对于Windows：

注释选定的行

编辑>切换行注释，Ctrl + /或//在行前添加

输出： //Some Lines of Code here

评论已选择块：

编辑>切换块注释或Shift + Alt + A

输出：/*Some Code here*/

对“取消注释”执行相同的操作

对于Linux，对于单行，请使用Ctrl + /。

对于多行，请在VS代码中选择代码片段只需按Ctrl + Shift +A。

有用。快乐编码

如果要注释JSX语法块，可以这样

{
  /* <section>
     <header><h3>Contact Form</h3></header>
     <figure>
       <Form />
     </figure>
   </section> */
}

当前在Visual Studio代码中，可以通过按组合键Shift + Alt + A并注释其生成的“ jsx”代码-{/ ** /}注释来完成。

在将文件语言转换为Typescript React（typescriptreact）之前，我遇到了同样的问题。

如果要将其配置为所有.js文件的语言，请将其添加到settings.json（全局或在/.vscode/settings.json中的项目级别）。

"files.associations": {
    "*.js": "typescriptreact"
  }

如果cmd + /默认情况下按vs代码，则会执行单行注释，而这些注释不适用于JSX。只需安装下面的vs代码扩展，就可以了。

vscode-语言-babel

在React中，“ {}”允许我们使用JavaScript表达式，因此我们可以注释一下在JavaScript中的处理方式。

例：

{/* multi 
line 
comment 
*/}

{// single line comment
}

键盘命令...

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

...现在，通过{/* */}在选定的行周围添加，可以按预期运行单行代码和块代码。

它在Visual Studio Code的最新Insiders版本中已得到修复，并将使其成为下一个完整版本。

如果您是在Mac或Mac上运行，则在Visual Studio codeHit中Cmd + /

{/* Your Code */}

谢谢。

尝试禁用所有插件，因为它们可以更改编辑器的行为。例如，如果使用Babel ES6 / ES7插件，则编辑器用而不是注释.jsx语法。您会在这里看到问题。//{/*

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

范例：

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

然后将Component2注释掉

Babel JavaScript在VS代码中搜索：

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

安装并用command + /注释jsx{ /* */ }

{/ *这有效，但只有一行* /}