如何配置atom-beautify包以使用babel / jsx javascript文件格式化?

时间:2016-05-14 21:57:04

标签: reactjs atom-editor babel prettify

我搜索了一个包来自动缩进并美化我的React / babel代码。我刚试过atom-beautify,似乎在Atom上有很好的反馈。

但是通常的babel文件的结果不够好:" HTML标签"不按要求缩进。有没有人试图使用原子美化与巴贝尔?

5 个答案:

答案 0 :(得分:12)

我目前使用插件language-babel,react和autoclose-html为我处理这个问题。

https://atom.io/packages/autoclose-html

https://atom.io/packages/language-babel

https://atom.io/packages/react

希望这有帮助!

答案 1 :(得分:4)

Atom美化当时不支持jsx。 it does now:)

答案 2 :(得分:3)

我使用Prettier(https://prettier.io/)将我的代码重写为最佳实践,因此所有团队都可以编写代码,好像只有一个人编写了代码。支持JSX,最近甚至支持TypeScript,CSS,SCSS,..

答案 3 :(得分:3)

我已经遇到了同样的问题,最后使用了prettier-atom 。它对HTML标签非常有用。

答案 4 :(得分:1)

我使用miniprettier,它作为推荐软件包列在Prettier official site上。

这就像更漂亮的原子,但是没有所有的依赖关系。我喜欢它!它在JSX上效果很好。我对其他文件类型(例如JSON,纯HTML,JS)使用atom-beautify。