如何为 React 设置 Sublime Text 3?

Posted

技术标签:

【中文标题】如何为 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

以上是关于如何为 React 设置 Sublime Text 3?的主要内容,如果未能解决你的问题,请参考以下文章

如何为 TypeScript 配置 Sublime 构建系统

如何为 React-Router 设置 Google Analytics?

如何为 React 类(ES6)设置显示名称?

如何为我的 React 表单组件中的选择菜单设置默认值?

sublime text3安装angularjs插件

如何为 TypeScript React 应用程序设置键/值默认状态