（嗨四啰，大家好歇攻！這是我的公眾號“茶歇驛站”译隘，微信號“tech_tea”的文章亲桥，請大家多多支持，歡迎大家分享固耘，如若轉(zhuǎn)載請注明出處~~~）
最近我們在開始使用react.js來開發(fā)全新的后臺(tái)系統(tǒng)题篷，react主要文件就是js/jsx，習(xí)慣了Golang的gofmt厅目，自然而然的想到也應(yīng)該有類似的js/jsx的代碼風(fēng)格格式化插件吧番枚？
找我們最好的老師Google，輸入js format
排在前面的兩個(gè)都是JavaScript的在線格式化網(wǎng)站损敷，繼續(xù)往下看葫笼，應(yīng)該能夠看到JsFormat。
輸入vim js format, 應(yīng)該能得到vim-autoformat嗤锉、vim-jsbeautify渔欢，你選擇一個(gè)你喜歡的吧。
對于搜索結(jié)果瘟忱，你最好重點(diǎn)關(guān)注github,stackoverflow這些網(wǎng)站奥额。
我用的是esformatter苫幢。哈哈，怎么轉(zhuǎn)變這么大呢垫挨，額韩肝，淡定。
你可以看到esformatter的項(xiàng)目描述ECMAScript code beautifier/formatter九榔。我相信大家知道他的由來了吧哀峻。
接下來說一下他的配置，以及使用哲泊。
npm install [-g] esformatter
esformatter --help
esformatter test.js
就是如此簡單剩蟀。
如果你是vim使用者，這里有一個(gè)vim插件vim-esformatter
按照README.md上面的說明切威，配置好vimrc即可使用了育特。
我這里就提一點(diǎn)，如果我們想要保存:w先朦，就能執(zhí)行代碼格式化缰冤，還需要在vimrc中增加以下配置。
方法一
autocmd BufWritePost,FileWritePost *.js execute 'Esformatter' |cwindow
autocmd BufWritePost,FileWritePost *.jsx execute 'Esformatter' |cwindow
如果你看過我之前寫的文章介紹golint的話喳魏，你對上面這兩段代碼應(yīng)該不會(huì)陌生棉浸。
方法二
點(diǎn)擊進(jìn)入PullRequest 3,這里有一個(gè)人貢獻(xiàn)了一個(gè)可以實(shí)現(xiàn)保存自動(dòng)格式化的優(yōu)化。
不過經(jīng)過我的實(shí)際測試刺彩，發(fā)現(xiàn)并不會(huì)生效迷郑，具體原因未跟進(jìn)，如果有朋友成功了迂苛，還請麻煩告訴我一聲三热，謝謝了。
重新打開vim三幻，編輯保存js/jsx文件就漾，就能實(shí)現(xiàn)代碼格式化了。
從此不管團(tuán)隊(duì)有多人念搬，寫的js/jsx文件格式都是統(tǒng)一的了抑堡，是不是少了很多糾結(jié)于煩惱啊。如果團(tuán)隊(duì)還有使用MR進(jìn)行CodeReview的習(xí)慣的話朗徊，那代碼風(fēng)格統(tǒng)一就更加的有必要了首妖，也會(huì)為我們的CR提供更高效的基礎(chǔ)支持了。
好了爷恳，今天就到這里了有缆。
最后祝大家元旦節(jié)快樂！天天好心情！
