Как настроить PHPStorm/WebStorm/IntelliJ IDEA, для формата .jsx?

Question

[LB777]

Как в PHPStorm или WebStorm или IntelliJ IDEA настроить вложение в меню у .jsx формата после его интопретации в .js+.map как CoffeeScript?
Вот как выглядит CoffeeScript в IDE:

Я хочу так же настроить для формата .jsx., но если IDE понимает CoffeeScript и для интопредации достаточно поставить соответствующий пакет npm, то формат .jsx приходиться обрабатывать гальпом и получается на выходе:

По сути все работает правильно, просто хочется внешний вид немного изменить, что бы лишнего не было и брекпоинты для дебага можно было ставить не в map файл, а в .jsx, как у CoffeeScript

Answer 1

[Дмитрий Вапельник]

я тоже сталкивался с подобным вопросом. я делал так:
1. где-то в стороне от public-html (web-root) создал js-файл, в котором буду писать свой jsx-код
src/app.js
2. установил плагин FileWatchers link
3. установил глобально через npm react-tools - после этого будет доступна тулза jsx (у меня линукс) link
4. создал вотчер, который следит за моим созданным файлом и который генерирует обычный js-файл в webroot/js/app.jslink
5. подключил этот генерируемый файл в свою html-страничку
6. когда IDE увидит, что код похож на JSX она предложит Вам изменить language level на JSX Harmony. (Возможно, я допустил ошибки в коде, но это не столь важно)

Вы соглашаетесь и после этого у Вас корректное отображение синтаксиса

возможно, придется переоткрыть файл (мне пришлось выделить весь код, вырезать его и вставить обратно)
в итоге периодически пока Вы пишете JSX-код, вотчер следит за файлом генерирует обычный js-код в указанный файл
такой же вотчер можно запустить и гульпом

Comments

[LB777]

спасибо, но это не то :)
интерпретация .jsx в .js работает нормально
мне надо дебаг настроить как тут www.youtube.com/watch?v=Sl1Uk3zT5Fg с CoffeeScript
т.е. так, что бы можно было в исходнике поставить брекпоинт и отловить его в работе на сайте

[nexcode]

Как вы настроили watcher? Я никак не могу заставить его работать.
Пишет: Process finished with exit code 0
Но скомпилированного файла нет. Настроил пути вроде бы правильно.