在 webstorm 中更改 JSX 的块注释答案

【问题标题】：Change block comments for JSX in webstorm在 webstorm 中更改 JSX 的块注释
【发布时间】：2015-10-22 22:25:57
【问题描述】：

在 webstorm 中，jsx 具有与 javascript 相同的颜色和样式，这很棒。但是，块 cmets 不适应 jsx /* */ 与 {/* */}。

我尝试在File Types 首选项中将*.jsx 删除为已注册的javascript 模式，并使jsx 成为自己的文件类型，但后来我失去了所有自定义颜色和样式。有没有办法在每个模式的基础上调整块注释字符，同时让样式引用纯 javascript 规则？

【问题讨论】：

当前版本支持此功能。
@Everettss - 怎么样？ 2 年后，我目前有 2016.2.4 但我仍然有问题，如果我选择一行或多行 jsx 代码，它会尝试通过应用 {/* */} 来评论，这会破坏一切。例如：{/*rowSelectionType="single"*/} {/*height={500}*/}
@schmoopy 我不记得他们添加此功能时的版本。但在当前版本 2017.2.4 中，它运行良好。
@Everettss - oic ...我在 mac 上使用 2016.2.4，在其他设备上使用当前版本——这解释了它——谢谢 :-)

【解决方案1】：

没有。请投票给WEB-16439 - 请求 JSX cmets 支持

【讨论】：

【解决方案2】：

有一种非常方便/hacky 的方法来做到这一点 - 将实时模板添加到 Editor -> Live templates 中的 Javascript 组，内容如下：

{/*$SELECTION$*/}

然后，在您的代码中，选择任何反应代码，按⌥⌘T 并输入模板缩写的第一个字母。

【讨论】：