如何为 React 设置 Sublime Text 3？

Posted 2023-02-22

【中文标题】如何为 React 设置 Sublime Text 3？

【英文标题】：How to set up Sublime Text 3 for React?

【发布时间】：2020-06-26 00:01:14

【问题描述】：

我正在尝试为 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 的新手）

【参考方案1】：

我为 sublime 上的 react/jsx 找到的最好的包是 Naomi。它处理语法高亮并具有许多其他功能。

https://packagecontrol.io/packages/Naomi

【讨论】：

不用担心，如果语法突出显示不起作用，请尝试删除其他一些包，它们通常会相互冲突。

【参考方案2】：

使用默认的 JSX 样式的 Sublime Text。

转到：

视图 -> 语法 -> javascript -> JSX

或者，您可以从 Sublime 文本的右下角状态栏菜单中选择语法。

【参考方案3】：

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

输入install，选择包控制：安装包

输入React，选择ReactJS

【讨论】：

不推荐使用 babel/babel-sublime