如何在VS Code中让React（JavaScript）块注释改用//单行注释

如果你不想用多行块注释{/* ... */}包裹整段JSX，而是想用逐行注释，可以用以下两种方式：

一、逐行添加{/* */}注释 #

这是适配JSX的直接逐行注释方式，操作步骤：

1. 选中要注释的多行JSX代码
2. 按下快捷键：
   • Windows/Linux：Ctrl + /
   • Mac：Cmd + /

默认情况下，VS Code的React相关支持（内置JavaScript工具、ESLint等）会自动给每行生成单独的{/* */}注释，效果如下：

{/* <App>   */}
  {/* <Home />   */}
{/* </App>   */}

如果你的VS Code还是生成整块的{/* ... */}，可以调整设置：

• 打开设置面板（Ctrl + , / Cmd + ,）
• 搜索「javascriptreact comment」，找到对应语言的注释配置，将块注释改为逐行模式

二、使用//单行注释（需注意适用场景） #

//是JavaScript单行注释，不能直接注释JSX元素，需要先把要注释的JSX块放在**大括号{}**里，再添加注释：

1. 把要注释的JSX代码用{}包裹起来
2. 选中包裹后的内容，按下Ctrl + /（Windows/Linux）或Cmd + /（Mac）

最终效果如下：

{
  // <App>  
  //   <Home />
  // </App>
}

内容的提问来源于stack exchange，提问作者Dan K