Coffeescript-react (.cjsx) Поддержка в Webstorm

Есть ли способ получить подсветку синтаксиса для .cjsx (jsx in coffeescript) файлов в WebStorm?

В настоящее время я использую Sublime plugin, и это здорово, но я предпочел бы оставаться в WebStorm, если это возможно. Я понимаю, что WebStorm поддерживает пакеты TextMate, поэтому это может быть жизнеспособным вариантом, но я не смог найти его для cjsx.

Ответ 1

Atom, hackable editor, написанный в coffeescript, имеет большую поддержку для cjsx. (да, посмотрите на это, другой действительно, действительно, действительно большой проект с использованием coffeescript)

Я использую сообщество (действительно, действительно большое сообщество), поддерживаемое пакетом cjsx-language https://atom.io/packages/language-cjsx

Я почти сломал цепочку IntelliJ за $1200. Вот суть моих настроек и пакетов: https://gist.github.com/littlebee/34a60734de79f6f78c56

Это было спасено этим небольшим пакетом: https://atom.io/packages/sync-settings. Это не позволит вам сделать резервную копию моей сути без ключа, но может позволить вам восстановить ее.

Ответ 2

Используйте этот пакет textmate (предназначенный для webstorm cjsx): https://github.com/ruswerner/cjsx.tmbundle

Ответ 3

Я бы посоветовал использовать CoffeeScript в WebStorm для больших проектов (см. раздел комментариев). Если вам действительно нужно, вы всегда можете использовать обратные ссылки, чтобы сообщить компилятору CoffeeScript пропустить код в обратном направлении.

render: () ->
    return `<div>Hi</div>`;

WebStorm выделит это просто отлично, если в настройках вы выберите "JSX Harmony", как в настройках Javascript. Теперь эти файлы cjsx скомпилируются в 2 этапа: CoffeeScript → JavaScript with JSX, затем JavaScript with JSX → JavaScript. Если вы используете Webpack, это просто:

{include: /\.cjsx$/, loaders: ["coffee-loader", "jsx-loader"]}