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

reactjs React.js

卡卡西Mandy

2020-03-12

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

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

你们如何处理JSX格式?

第1216篇《是否有JSX格式化程序可用于升华文本?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

5个回答
凯番长蛋蛋 2020.03.12

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

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

泡芙卡卡西 2020.03.12

您可以为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

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

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

添加到@Shoobah说的内容:

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

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

转到“ js”部分:

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

小宇宙JinJinHarry 2020.03.12

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

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android