大家注意了：因?yàn)槲⑿抛罱淖兞送扑蜋C(jī)制，經(jīng)常有朋友說錯(cuò)過了之前刪除的文章或者一些限時(shí)福利。 如果你錯(cuò)過了，你就錯(cuò)過了。 所以我建議您加一顆星，以便您能盡快收到推送通知。

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

今天我們介紹的是一款代碼格式化工具，特別適合團(tuán)隊(duì)協(xié)作和開發(fā)。

也許您已經(jīng)在使用它了，是的！ 它被稱為，并且在互聯(lián)網(wǎng)上已經(jīng)達(dá)到了 45,500 顆星。 如果您還沒有聽說過，那么值得閱讀這篇文章！

代碼格式化工具-

它是一個(gè)“固執(zhí)己見”的代碼格式化工具。 它刪除了編輯器本身中幾乎所有的代碼操作格式，然后重新顯示，從而使所有使用這套規(guī)則的人都具有完全相同的編碼風(fēng)格。 。

在團(tuán)隊(duì)協(xié)作和開發(fā)過程中，其優(yōu)勢(shì)更加明顯。 總之，這個(gè)工具可以保持輸出代碼風(fēng)格上的一致。

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

例子

下面的代碼行，它適合在同一行。

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

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

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

所以，這段代碼將被轉(zhuǎn)換成這樣：

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

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

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

使用編輯器插件是最方便的方法。 你可以一鍵格式化你寫的代碼sublime text 3 js代碼格式化，非常方便。

可在上述所有編輯器中使用的插件。

2. 如何使用腳本

首先，在本地安裝：

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

然后sublime text 3 js代碼格式化，創(chuàng)建一個(gè)空配置文件，讓編輯器和其他工具知道您正在使用

echo?{}>?.prettierrc.json

接下來，創(chuàng)建一個(gè) .file，讓 CLI 和編輯器知道哪些文件不應(yīng)格式化。 例如：

#?Ignore?artifacts:
build
coverage

然后您可以使用以下命令來格式化該文件。

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

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

官方地址：

個(gè)人感受

每個(gè)開發(fā)人員可能都有自己的編碼風(fēng)格，在項(xiàng)目或團(tuán)隊(duì)中擁有通用的編碼風(fēng)格指南無疑是有價(jià)值的，而無需花費(fèi)大量時(shí)間和精力來格式化我們的代碼。

從技術(shù)上來說，集成起來沒有什么困難，而且同事也很容易接受。 如果您還沒有使用過它，為什么不將其添加到您的項(xiàng)目中來嘗試一下呢？

寫在最后

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

未來已來，AI新時(shí)代已經(jīng)到來！

AI繪畫是大時(shí)代的趨勢(shì)。 抓住了它，就是抓住了新時(shí)代的紅利！

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

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

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

限時(shí)加入免費(fèi)帳戶！ ！ ！

前150名加入的人將獲得一個(gè)月的免費(fèi)會(huì)員服務(wù)！ （僅剩 10 份?。?/p>

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

AI畫院首期售價(jià)299元，現(xiàn)在星球早鳥價(jià)99元。 每加入100人以上價(jià)格就會(huì)上漲！ 匆忙！ ！ ！

加入 后我們還能為您提供哪些其他服務(wù)？

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

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