注意：由于最近陌陌改變了推送機(jī)制，經(jīng)常有一些男同伴表示錯(cuò)過(guò)了之前刪除的文章，或者一些限時(shí)福利，錯(cuò)過(guò)了就錯(cuò)過(guò)了。 所以建議大家加star盡快收到推送。

大家好，我是愛(ài)分享的“前端實(shí)驗(yàn)室”~

明天給大家介紹一個(gè)代碼底層工具，非常適合團(tuán)隊(duì)開(kāi)發(fā)。

事實(shí)上，您已經(jīng)在使用它了，是的！ 它叫，在互聯(lián)網(wǎng)上已經(jīng)達(dá)到了45.。 如果您還沒(méi)有聽(tīng)說(shuō)過(guò)，那么值得一看這篇文章！

代碼低格式工具-

它是一個(gè)“公正”的代碼低格式工具。 它幾乎把編輯器本身的代碼操作格式全部去掉，然后重新顯示出來(lái)，讓每個(gè)使用這套規(guī)則的人都擁有一模一樣的代碼風(fēng)格。

當(dāng)團(tuán)隊(duì)協(xié)作開(kāi)發(fā)時(shí)，其優(yōu)勢(shì)更加明顯。 總之sublime text 3 js代碼格式化，這個(gè)工具可以保持輸出代碼風(fēng)格上的一致。

支持HTML、JSX、Vue、JSON等主流格式，也支持市面上主流的編輯器，如Atom、Text、等。

例子

下面這行代碼適合在同一行顯示。

foo(arg1,?arg2,?arg3,?arg4);

而我們經(jīng)常遇到的代碼是這樣的：

foo(reallyLongArg(),?omgSoManyParameters(),?IShouldRefactorThis(),?isThereSeriouslyAnotherOne());

所以，把這段代碼變成這樣：

foo(
??reallyLongArg(),
??omgSoManyParameters(),
??IShouldRefactorThis(),
??isThereSeriouslyAnotherOne()
);

它可以在保存時(shí)在編輯器中、在預(yù)提交掛鉤中或在 CI 環(huán)境中運(yùn)行，以確保您的代碼庫(kù)具有一致的風(fēng)格，并且開(kāi)發(fā)人員無(wú)需再次在代碼審查中檢查問(wèn)題。

使用方法 1.使用編輯器插件

使用編輯器插件是最方便的形式。 一鍵編輯低級(jí)格式的代碼非常方便。

可在上述任何編輯器中使用的插件。

2.使用腳本形式

首先，本地安裝：

npm?install?--save-dev?--save-exact?prettier

然后，創(chuàng)建一個(gè)空的配置文件，讓編輯器和其他工具知道您正在使用

echo?{}>?.prettierrc.json

將其取出并創(chuàng)建一個(gè) . 文件，讓 CLI 和編輯器知道哪些文件不是低格式的。 例如：

#?Ignore?artifacts:
build
coverage

之后您可以使用以下命令對(duì)文件進(jìn)行低格式化。

npx?prettier?--write?.
如：prettier --write ./main.js

這里使用的是默認(rèn)的配置規(guī)則，不能滿足我們的需求。 我們需要自定義配置規(guī)則。 詳細(xì)內(nèi)容請(qǐng)參考官方文檔~

官方地址：

個(gè)人經(jīng)驗(yàn)

每個(gè)開(kāi)發(fā)人員可能都有自己的編碼風(fēng)格sublime text 3 js代碼格式化，在項(xiàng)目或團(tuán)隊(duì)中擁有一份通用的編碼風(fēng)格手冊(cè)無(wú)疑是有價(jià)值的。 我們不需要花費(fèi)大量的時(shí)間和精力來(lái)底層代碼。

從技術(shù)上來(lái)說(shuō)集成并不困難，也很容易讓朋友接受。 如果您還沒(méi)有使用過(guò)它，為什么不在您的項(xiàng)目中嘗試一下呢？

寫(xiě)在最后

歡迎加入后端實(shí)驗(yàn)室讀者交流群。 群里有很多技術(shù)專家，會(huì)時(shí)不時(shí)的分享一些技術(shù)點(diǎn)，還有一些資源收藏者會(huì)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。 吃瓜、釣魚(yú)、嫖娼的技能等你來(lái)~

未來(lái)已來(lái)，AI新時(shí)代已經(jīng)來(lái)臨！

AI書(shū)法是大時(shí)代的趨勢(shì)，把握它就是抓住新時(shí)代的紅利！

最近，我們團(tuán)隊(duì)推出了【AI書(shū)法研究院】無(wú)論你是普通人還是設(shè)計(jì)師，都可以利用AI書(shū)法來(lái)提高效率，賺錢！

當(dāng)機(jī)會(huì)來(lái)臨的時(shí)候，我們可以嘗試做很多事情，唯一不能做的就是什么都不做。 只要你能想到的，都可以嘗試一下。

歡迎跟我一起加入AI書(shū)法研究院，一起成為時(shí)代潮流引領(lǐng)者！

限時(shí)加入紅利賬戶！ ！ ！

前150名會(huì)員加入可享受一個(gè)月免費(fèi)會(huì)員服務(wù)！ （僅剩10個(gè)名額！）

這是正確的！ 光是這兩件物品的價(jià)值就已經(jīng)超過(guò)了你加入星球的價(jià)格，快點(diǎn)吧！

AI書(shū)法研究院首期售價(jià)299元，現(xiàn)在行星早鳥(niǎo)價(jià)99元，每滿100人就降價(jià)！ 匆忙！ ！ ！

加入星球，它還能為您提供哪些服務(wù)？

如果這篇文章對(duì)你有幫助，那就點(diǎn)擊右下角的【贊】“在看”，給點(diǎn)小小的鼓勵(lì)吧~

如有侵權(quán)請(qǐng)聯(lián)系刪除！