如何为 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 构建系统