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

React.js

蛋蛋卡卡西

2020-03-16

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

第1646篇《如何在VSCode的.js文件中注释掉jsx代码?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

13个回答
LEY樱 2020.03.16

对于Windows:

注释选定的行

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

输出: //Some Lines of Code here

评论已选择块:

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

输出:/*Some Code here*/

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

达蒙老丝 2020.03.16

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

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

有用。快乐编码

梅Green 2020.03.16

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

{
  /* <section>
     <header><h3>Contact Form</h3></header>
     <figure>
       <Form />
     </figure>
   </section> */
}
阳光Stafan 2020.03.16

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

番长卡卡西 2020.03.16

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

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

"files.associations": {
    "*.js": "typescriptreact"
  }
卡卡西逆天 2020.03.16

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

vscode-语言-babel

神无阳光 2020.03.16

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

例:

{/* multi 
line 
comment 
*/}

{// single line comment
}
猴子樱 2020.03.16

键盘命令...

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

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

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

达蒙武藏 2020.03.16

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

{/* Your Code */}

谢谢。

朔风 2020.03.16

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

小胖Itachi西里 2020.03.16

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

范例:

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

然后将Component2注释掉

逆天神乐 2020.03.16

Babel JavaScript在VS代码中搜索

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

在此处输入图片说明

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

猴子L 2020.03.16

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android