是否有JSX格式化程序可用于升华文本?

我正在使用Sublime Text作为文本编辑器。

有一种用于格式化JavaScript文件的jsFormat,但我找不到用于JSX的格式。

你们如何处理JSX格式?

凯番长蛋蛋2020/03/12 17:32:00

不是专门针对Sublime Text,而是JavaScript中有一个针对React JSX的美化工具。

http://prettydiff.com/?m=在以下网址美化支持JSX的声明:http : //prettydiff.com/guide/react_jsx.xhtml

泡芙卡卡西2020/03/12 17:32:00

您可以为Sublime 2和3安装JsPrettier软件包。这是一个相当新的JavaScript格式化程序(撰写本文时:2017年2月)。它支持大多数最新开发,例如:ES2017,JSX和Flow。

快速开始

  1. 使用终端在全局安装更漂亮的: $ npm install -g prettier
  2. 在Sublime中,转到“工具”->“命令面板...”->“程序包控制:安装程序包”,输入单词JsPrettier,然后选择它以完成安装。
  3. 使用编辑器内的上下文菜单格式化文件或将其绑定到键盘快捷键: { "keys": ["super+b"], "command": "js_prettier" }

链接:

猿小小2020/03/12 17:32:00

使用Sublime的Package Installer安装Babel然后:

  1. 打开一个.jsx文件。
  2. 从菜单中选择查看,
  3. 然后语法->使用当前扩展名全部打开...-> Babel-> JavaScript(Babel)。
梅飞云2020/03/12 17:32:00

添加到@Shoobah说的内容:

HTML-CSS-JS Prettify插件中有一个设置,可让您忽略js / jsx文件中的xml语法。这样就不会弄乱jsx代码。设置为:“ e4x”:设置文件的“ js”部分中为true

转到:首选项>程序包设置> HTML \ CSS \ JS Prettify>设置Prettify首选项

转到“ js”部分:

将“ jsx”添加到“ allowed_file_extension”,然后将“ e4x”更改为“ true”

小宇宙JinJinHarry2020/03/12 17:32:00

HTML-CSS-JS Prettify插件中有一个设置,可让您忽略js / jsx文件中的xml语法。这样就不会弄乱jsx代码。设置为:"e4x": true在设置文件的“ js”部分中

首选项>程序包设置> HTML \ CSS \ JS Prettify>设置Prettify首选项

如果您有自动关闭标签,例如,这将无法正常工作。以/>结尾的标签