如何在 React (JavaScript) 中使用单行注释符号 // not /* 进行块注释<app><home /></app> } */ 在 VS 代码中

Question

如何在 React (JavaScript) 中使用单行注释表示法在 VS Code 中使用 // not /* } */ 进行块注释

请参阅 /*... */ vs //... 的块注释

Example of what I do not want:
{/* <App> 
  <Home />
</App> */}

Example of what I do want:
// <App>  
  // <Home />
// </App>

Example 2 of alternative of what I do want, a per line commenting not block commenting:
{/* <App>   */}
  {/* <Home />   */}
{/* </App>   */}```

Answer 1

如果在选择多行时简单的Ctrl + /对您不起作用 - 我认为它应该在每一行上放置一行注释，然后考虑下面的扩展。

看看这个扩展（我写的）： Toggle Line Comments 。 它做你想做的事。 一些键绑定：

{
  "key": "alt+/",         // whatever keybinding you want
  "command": "toggle-comments.toggleLineComments",
  "when": "editorTextFocus && editorLangId == javascriptreact"
}

如果要将其限制为javascriptreact文件，请使用上面的完整 when 子句。 在这种情况下，您可以根据需要使用Ctrl + /作为键绑定。