如何為 React 設置 Sublime Text 3？

Question

我正在嘗試像此鏈接中的屏幕截圖一樣為 React 設置我的 Sublime Text 3，但沒有成功。

也許我有一些額外的包或設置可以顯示我的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

https://packagecontrol.io/search/babel

=> 通過 babel 安裝 Babel 包

Answer 3

使用 Sublime Text 的默認 JSX 樣式。

去：

查看 -> 語法 -> Javascript -> JSX

或者，您可以從 Sublime 文本的右下方狀態欄菜單中選擇語法。