|
https://baijiahao.baidu.com/s?id=1662846540831126812&wfr=spider&for=pc 現(xiàn)代人生活壓力重,，程序員首當(dāng)其沖,。 因此，網(wǎng)上出現(xiàn)了許多社區(qū)開(kāi)發(fā)工具,，打著“減輕前端開(kāi)發(fā)人員生活壓力”的口號(hào),。 這次小芯為大家整理一些自己特別青睞的~ 前方必備工具，注意“白嫖”~ 1.StackBlitz 據(jù)Chidume Nnamdi所說(shuō),，這是所有用戶最喜歡的在線集成開(kāi)發(fā)環(huán)境工具（IDE）,。主要原因在于其將用戶最喜愛(ài)和最常用的集成開(kāi)發(fā)環(huán)境——Visual Studio代碼帶到了網(wǎng)絡(luò)上。 僅需一次單擊,，StackBlitz就可以設(shè)置Angular, React, Ionic,TypeScript, RxJS, Svelte以及其他JavaScript框架,。這個(gè)便利的特性,，使編碼進(jìn)程可以在五秒之內(nèi)開(kāi)始。 筆者發(fā)現(xiàn)這個(gè)工具非常有用,，尤其在嘗試在線使用示例代碼片段或庫(kù)時(shí),。若要為了一個(gè)新性能從頭開(kāi)始創(chuàng)建一個(gè)新項(xiàng)目，時(shí)間往往不夠,。但使用StackBlitz就可以在不到幾分鐘的時(shí)間里輕松使用新的NPM軟件包,，而無(wú)需在本地從頭開(kāi)始創(chuàng)建項(xiàng)目。聽(tīng)起來(lái)很不錯(cuò),，是吧,？
2.CanIUse 該在線工具非常方便，它可以讓用戶知道當(dāng)前實(shí)現(xiàn)的功能是否與期望對(duì)接的瀏覽器兼容,。 筆者有很多這樣的經(jīng)歷：其他瀏覽器不支持應(yīng)用程序中使用的一些功能,。筆者也得到了一個(gè)教訓(xùn)——必須檢查瀏覽器的兼容性。舉個(gè)例子,，筆者的Safari設(shè)備上的portfolio項(xiàng)目不支持某一功能,。而筆者在項(xiàng)目發(fā)布的幾個(gè)月后才得知此事。 為根據(jù)實(shí)際說(shuō)明問(wèn)題,，來(lái)檢查一下哪些瀏覽器支持WebP圖像格式,。
如圖，Safari和IE瀏覽器暫不支持WebP,。這意味著需要為不兼容的瀏覽器提供一個(gè)備用選項(xiàng),。下面的代碼片段是WebP圖像的最常見(jiàn)實(shí)現(xiàn)方式，且支持所有瀏覽器,。
3.Bit.dev 軟件開(kāi)發(fā)的一個(gè)基本原則是代碼的可重用性,。由于不必從頭開(kāi)始構(gòu)建組件，開(kāi)發(fā)工作量大大減少,。 這正是Bit.dev的功能所在,。它允許共享可重用代碼組件和代碼片段，從而減節(jié)約時(shí)間,，加速進(jìn)程,。 它還允許團(tuán)隊(duì)間共享組件，讓團(tuán)隊(duì)間的協(xié)作成為可能,。 “組件是您的設(shè)計(jì)系統(tǒng),。共建更好的系統(tǒng)?！薄狟it.dev 正如Bit.dev所言,，這個(gè)組件中樞也適用于設(shè)計(jì)系統(tǒng)構(gòu)建器。通過(guò)允許開(kāi)發(fā)人員和設(shè)計(jì)人員團(tuán)隊(duì)一起工作,，Bit.dev是從頭構(gòu)建設(shè)計(jì)系統(tǒng)的完美工具,。 Bit.dev目前支持 React,、Vue、Angular,、Node以及其他的 JavaScript框架,。
4.EnjoyCSS 老實(shí)說(shuō)，雖然筆者做了很多前端開(kāi)發(fā),，但對(duì)CSS并不是很在行,。這個(gè)非常簡(jiǎn)單的工具是筆者困境中的救星。它允許用戶使用一個(gè)簡(jiǎn)單的UI設(shè)計(jì)元素,，并且提供相關(guān)的CSS輸出,。
5.Postman 自開(kāi)發(fā)職業(yè)生涯開(kāi)始以來(lái)，Postman就存在于筆者的開(kāi)發(fā)工具組中,。這個(gè)工具對(duì)檢查后端端點(diǎn)非常有用,。毋庸置疑，它值得位居于此,。端點(diǎn)包括GET, POST, DELETE, OPTIONS 和PUT。強(qiáng)烈建議開(kāi)發(fā)人員使用這個(gè)工具,。
6.Prettier Playground Prettier是一個(gè)支持JavaScript的代碼格式化程序,，包括ES2017, JSX, Angular, Vue, Flow, TypeScript等等。它刪除了初始樣式,，代之以標(biāo)準(zhǔn)統(tǒng)一,，遵循最佳實(shí)踐的樣式。這個(gè)便攜工具在集成開(kāi)發(fā)環(huán)境（IDE）中非常受歡迎,，同時(shí)它也有一個(gè)在線版本——Playground,，可用于美化代碼。
最后,，小芯友情提醒：工具只起輔助作用,，別被工具左右，變成工具人喲~ 祝編碼快樂(lè),！
|
|
|
來(lái)自： BingeLee > 《軟件研發(fā)》
