雷暴语法

仅支持 Sublime Text 3.

ES6+ JavaScript 的语言定义，结合 RiotJS 扩展，针对 Sublime Text 3。

支持在ES6字符串（即…）内部直接为HTML添加语法高亮显示（例如 …），当它位于 riot.tag('你的标签', ...) 内部时。它还支持现代JavaScript语法，包括 箭头函数、解构赋值、方法简写、模板字符串等。

此包是 Babel-Sublime 的雷暴JS版本。Babel-Sublime仅支持React .jsx 组件的语法高亮显示。此包可对此进行调整。基本上，它只将您在…字符串中的HTML表现得像JavaScript中的React HTML。

请注意，它不支持 jsx。它捆绑了一个名为 JavaScript Riot 的新语法，应仅用于您的Riot纯-js标签。如果您never计划要使用 jsx，您可以将其用作默认的JavaScript语法。

屏幕截图

为什么使用纯JavaScript而不是 .tag 文件？

1. 代码检查支持
2. 您可以使用 JS sourcemaps
3. 更容易的调试（浏览器或终端）
4. 更容易的测试
5. 无需额外的编译步骤
6. 直接使用 Webpack 或 Browserify 的标签，无需任何加载器

安装

通过 Riot Syntax 在 Package Control 中找到它。

默认语法设置

要将它设置为特定扩展的默认语法：1. 打开具有该扩展的文件，2. 从菜单中选择 View，3. 然后 Syntax -> Open all with current extension as... -> JavaScript Riot。4. 对每个扩展（例如： .js、.jsr、.riot）重复此操作。

色彩方案设置

Riot Syntax捆绑了Next、Monokai 和 Github 色彩主题。从 Preferences -> Color Scheme -> Riot Syntax 选择一个。

配置“Sublime Linter”插件

如果您为RiotJS标签使用了自定义扩展名（例如：.riot），并且想为这类文件提供代码检查支持，那么您需要自定义“Sublime Linter”的配置文件。

前往 包设置 -> Sublime Linter -> 用户设置 并添加以下行到您的 syntax_map 中："javascript riot": "javascript"。经过此修改后，您的配置文件应如下所示

{
  "user": {
    ...
    "syntax_map": {
        ...
        "javascript riot": "javascript" // <- add this line
    },
    ...
  }
}