2016-05-14 86 views
9

我搜索了一个包来自动缩进和美化我的React/babel代码。我刚刚尝试过atom-beautify,这似乎对Atom有很好的反馈。如何配置atom-beautify包以使用babel/jsx javascript文件进行格式化?

但是,通常的babel文件的结果不够好:“HTML标记”不会按要求缩进。有没有人试图用babel使用atom-beautify?

+0

请随时在Atom-Beautify存储库上创建一个问题:https://github.com/Glavin001/atom-beautify/issues 通过提供一个'debug.md' Gist我自己和其他人可能能够帮助你得到它的工作。 – Glavin001

+0

你找到了一个可行的解决方案吗? –

+0

没有。我使用VSCode,而不是格式化jsx中最强大的功能:) –

回答

10

我目前使用插件语言巴巴尔,反应和autoclose-html来处理这个没有问题。

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

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

https://atom.io/packages/react

希望这有助于!

+1

我尝试了语言巴巴,但是,如果我错了,请纠正我的错误,它只会自动缩进jsx而不是本地JavaScript函数&co。 –

+0

恐怕我不能确定。我只是进去玩弄设置,它似乎有你正在寻找的选项,我没有问题,我所有的JavaScript和反应代码都会自动正确缩进。对不起,如果这不是更多的帮助。 –

+4

'react'和'language-babel'似乎彼此碰撞 - 我收到一条警告消息。 –

1

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

+1

我刚开始使用Atom和JSX的Nuclide软件包。漂亮的作品很好! – sunitkatkar

0

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

相关问题