2016-05-14 48 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標籤非常有用。

相關問題