coffeescript-react(.cjsx)支持Webstorm

Question

有没有办法在WebStorm中为.cjsx(coffeescript中的jsx)文件获取任何语法高亮？

目前,我正在使用Sublime插件,这很棒,但如果可能的话,我宁愿留在WebStorm中.我理解WebStorm支持TextMate包,所以这可能是一个可行的选择,但我找不到一个cjsx.

Answer 1

Atom是一个用coffeescript编写的hackable 编辑器,它对cjsx有很大的支持.(是的,看看那个,使用coffeescript的另一个非常非常非常大的项目)

我正在使用社区(一个非常非常大的社区)支持包cjsx-language https://atom.io/packages/language-cjsx

我几乎打破了1200美元的IntelliJ链.以下是我的原子设置和包装的要点:https://gist.github.com/littlebee/34a60734de79f6f78c56

这是由这个天才的小包保存:https://atom.io/packages/sync-settings.它不会让你没有钥匙备份到我的要点,但它可能让你从它恢复.

Answer 2

使用此textmate捆绑包（适用于webstorm cjsx）：https : //github.com/ruswerner/cjsx.tmbundle

Answer 3

我建议不要在大型​​项目中使用 WebStorm 中的 CoffeeScript（请参阅评论部分）。如果您确实需要，那么您始终可以使用反引号告诉 CoffeeScript 编译器跳过反引号内的代码。

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

如果您在“设置”中选择“JSX Harmony”（如 Javascript 设置中那样），WebStorm 将突出显示这一点。现在让这些cjsx文件分两步编译：CoffeeScript-> JavaScript with JSX，然后JavaScript with JSX-> JavaScript。如果您使用 Webpack，则非常简单：

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