Question

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

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

Answer 1

Atom, the hackable editor, written in coffeescript, has great support for cjsx. (yes, look at that, another really, really, really large project using coffeescript)

I'm using the community (a really, really large community) supported package cjsx-language https://atom.io/packages/language-cjsx

I've almost broken the $1200 chain of IntelliJ. Here is a gist of my atom setup and packages: https://gist.github.com/littlebee/34a60734de79f6f78c56

This was saved by this genius little package: https://atom.io/packages/sync-settings. It wont let you backup to my gist without a key but it might let you restore from it.

Answer 2

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

Answer 3

我建议不要在WebStorm中使用CoffeeScript来处理大型项目（请参阅注释部分）。如果你真的需要，那么你总是可以使用反引号告诉CoffeeScript编译器跳过反引号中的代码。

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

如果在“设置”中选择“JSX Harmony”，则WebStorm会突出显示此功能，如Javascript设置中所示。现在让这些cjsx文件分两步编译：{{1}} - ＆gt; CoffeeScript，然后JavaScript with JSX - ＆gt; JavaScript with JSX。如果您使用的是Webpack，那就简单如下：

JavaScript

coffeescript-react（.cjsx）支持Webstorm

3 个答案: