Change block comments for JSX in webstorm

Question

In webstorm, jsx has all the same colors & stylings as javascript, which is great. However, the block comments don't adjust to jsx /* */ vs. {/* */}.

I have tried removing *.jsx as a registered javascript pattern in the File Types preferences & making jsx its own file type, but then I lose all the custom colors & styling. Is there a way to adjust the block comment characters on a per-pattern basis while having the styling refer to the pure javascript rules?

Answer 1

No. Please vote for WEB-16439 - a request for JSX comments support

Answer 2

There's a pretty convenient/hacky way to do that - add a live template to your Javascript group in Editor -> Live templates with content like this:

{/*$SELECTION$*/}

then, in your code, select any react code, press ⌥⌘T and type the first letter of your template's abbreviation.