如何为 React 设置 Sublime Text 3？

Question

我正在尝试为 React 设置我的 Sublime Text 3，就像 this link 中的屏幕截图一样，但没有成功。

也许我有一些额外的包或设置可以显示我的 index.js 语法，如下所示：

崇高设置：

{
    "auto_complete": true,
    "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    "dictionary": "Packages/Language - English/en_US.dic",
    "ensure_newline_at_eof_on_save": false,
    "font_face": "MONACO",
    "font_size": 16,
    "show_line_endings": true,
    "show_panel_on_build": true,
    "spell_check": true,
    "theme": "Adaptive.sublime-theme",
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true
}

我还有这些包裹：

我该怎么做？

（谢谢！我是 React/js/jsx 的新手）

Answer 1

我在 sublime 上为 react/jsx 找到的最佳软件包是 Naomi。它处理语法突出显示并具有许多其他功能。

https://packagecontrol.io/packages/Naomi

Answer 2

使用 Sublime Text 的默认 JSX 样式。

转到：

View -> Syntax -> Javascript -> JSX

或者，您可以select Sublime text 右下角状态栏菜单中的语法。

Answer 3

打开命令面板：⌘+shift+p on MacOS/Linux, ctrl+shift+p 在 Windows

键入 install、select 包控制：安装包

类型 React, select ReactJS

如何为 React 设置 Sublime Text 3？

How to set up Sublime Text 3 for React?

javascript

jsx

sublimetext3

reactjs

babeljs

崇高设置：