无法用 atom-beautify 格式化 JSX 代码

#1

最近在用react开发,发现jsx格式很奇怪,现在我用得是atom-beautify.

#2

具体怎么很奇怪了？

#3

长这样子

#4

试一下这个插件？

#5

已经安装了,只是格式化第一次后, {var} 这样的格式会在2个花括号换行,然后再格式化一次就会变成上面那样,同级的方法被缩进了…

#6

抱歉那我就没有什么主意了 … 我是不用代码格式化这个功能的。

#7

请问你是怎么格式化的？
我用gg=G怎么不行呢？
我安装了vim-mode

#8

进入beauty的设置、找到javaScript这一项，把default beatutifier设置为pretty diff就行了。beauty默认的indent size 是4，atom默认是2，你可以重新设置下。

1赞