前端開(kāi)發(fā)社區(qū)貢獻(xiàn)的大量工具可以在互聯(lián)網(wǎng)上找到。本文列舉了一些我喜歡的工具，給我的工作帶來(lái)了很多便利。
1.享受
說(shuō)實(shí)話，我雖然做了很多前端開(kāi)發(fā)，但是不擅長(zhǎng)CSS。當(dāng)我處于困境時(shí)，快樂(lè)是我的救贖。EnjoyCSS提供了一個(gè)簡(jiǎn)單的交互界面來(lái)幫我設(shè)計(jì)元素，然后自動(dòng)輸出相應(yīng)的CSS代碼。
享受主頁(yè)
EnjoyCSS可以輸出CSS、LESS和SCSS代碼，并支持指定需要支持哪些瀏覽器及其最低版本。開(kāi)發(fā)簡(jiǎn)單的頁(yè)面很方便，但不適合更復(fù)雜的前端項(xiàng)目(這類項(xiàng)目往往需要引入CSS框架)。
2.更漂亮的操場(chǎng)
[pretier]是一個(gè)支持格式化Java代碼(包括[ES2017]、[JSX]、[Angular]、[Vue]、[Flow]、[Type]等)的代碼格式化工具。).“更漂亮”刪除了代碼的原始風(fēng)格，代之以遵循最佳實(shí)踐的標(biāo)準(zhǔn)化和一致的風(fēng)格。大多數(shù)IDEs支持pretier工具，但是pretier也可以在線獲得，允許您在瀏覽器中格式化代碼。
更漂亮的游樂(lè)場(chǎng)分為兩欄，左邊是原始代碼，右邊是格式化代碼
如果工作電腦不在手邊，那么在使用移動(dòng)設(shè)備或者借用別人的電腦臨時(shí)查代碼的時(shí)候，美妝游樂(lè)場(chǎng)是非常有用的。相對(duì)于在IDE或編輯器下使用pretier，個(gè)人推薦通過(guò)git預(yù)提交鉤子配置pretier:鉤子可以保證整個(gè)團(tuán)隊(duì)使用統(tǒng)一的配置，避免單獨(dú)配置IDE或編輯器的麻煩。如果是老項(xiàng)目，hook還可以設(shè)置成只格式化單個(gè)有變化的文件，甚至是有變化的代碼段，避免在IDE或者編輯器下使用specified時(shí)不小心格式化了大量代碼，會(huì)淹沒(méi)commit的主要變化，讓審核代碼非常痛苦。
3.郵遞員
【郵差】我一直在我的開(kāi)發(fā)工具箱里，測(cè)試后端API接口很有用。獲取，發(fā)布，刪除，選項(xiàng)和放都支持。毫無(wú)疑問(wèn)，你應(yīng)該使用這個(gè)工具。
郵遞員接口
除了郵差之外，【失眠】也是比較流行的REST API測(cè)試工具，它的亮點(diǎn)是支持【GraphQL】。然而，自去年夏天發(fā)布v7.2以來(lái)，郵差也一直支持GraphQL。
4.StackBlitz
【Chidume Nnamdi】稱贊這是每個(gè)用戶最喜歡的在線IDE。[StackBlitz]把大家最喜歡最常用的IDE Visual Studio Code移到瀏覽器里了。
StackBlitz支持spring mvc的一鍵式配置，比如Angular、[React]、ion、Type、RxJS、[Sverte]，也就是說(shuō)你只需要幾秒鐘就可以開(kāi)始寫(xiě)代碼。
我覺(jué)得這個(gè)在線IDE很有用，特別是如果你可以在線嘗試一些樣例代碼或者庫(kù)的話，不然光是嘗試一些新特性就要花很多時(shí)間去初始化和配置新項(xiàng)目。使用StackBlitz，只需幾分鐘即可試用NPM軟件包，而無(wú)需從頭開(kāi)始在本地構(gòu)建環(huán)境。很棒，不是嗎？
StackBlitz主頁(yè)
其實(shí)微軟官方提供了一個(gè)VSCode的在線版本，可以在瀏覽器中使用，支持Node.js項(xiàng)目的開(kāi)發(fā)(基于Azure)。而StackBlitz更側(cè)重于優(yōu)化前端開(kāi)發(fā)體驗(yàn)，界面更直觀。Stackblitz還推出了Node.js支持的測(cè)試版(基于GCP，需要填寫(xiě)表單申請(qǐng))。
5.Bit.dev
軟件開(kāi)發(fā)的基本原則之一是代碼重用。代碼重用減少了開(kāi)發(fā)量，所以您不必從頭開(kāi)始開(kāi)發(fā)組件。
這正是[Bit.dev]所做的，共享可重用的組件和片段，減少開(kāi)發(fā)量，加快開(kāi)發(fā)過(guò)程。
除了公開(kāi)分享，還支持團(tuán)隊(duì)內(nèi)分享，讓團(tuán)隊(duì)合作更加便捷。
正如Bit.dev的口號(hào)所說(shuō)，“組件就是設(shè)計(jì)系統(tǒng)。更好組件的協(xié)同開(kāi)發(fā)。換句話說(shuō)，Bit.dev可以用來(lái)創(chuàng)建一個(gè)設(shè)計(jì)系統(tǒng)，讓團(tuán)隊(duì)中的開(kāi)發(fā)人員和設(shè)計(jì)人員一起從零開(kāi)始構(gòu)建一個(gè)設(shè)計(jì)系統(tǒng)。
目前Bit.dev支持[React]、Vue、Angular、Node等spring mvc。
