英文 | https://javascript.plainenglish.io/10-awesome-front-end-development-tools-to-boost-your-productivity-b1d2efc4c4ba

翻譯 | 楊小二

介紹

1、 UiGradients

2、 APP響應(yīng)式應(yīng)用

地址：https://responsively.app/

這個(gè)工具可幫助你更快地開發(fā)響應(yīng)式 Web 應(yīng)用程序。對(duì)于所有前端開發(fā)人員來說，這是一個(gè)很好的 DevTool，因?yàn)樗鼤?huì)讓你的工作更輕松。

3、 Public  API

地址：https://public-apis.io/

Public APIs是一個(gè)網(wǎng)站，為開發(fā)人員提供了一系列免費(fèi)的公共 API，例如電影 API、音樂 API、開放數(shù)據(jù) API 等等。你也可以在那里提交你自己的 API。

4、Undraw

地址：https://undraw.co/illustrations

Undraw是一個(gè)很棒的網(wǎng)絡(luò)應(yīng)用程序，你可以在其中找到許多可以在網(wǎng)頁上使用的 SVG 圖像和插圖。

它還允許你將SVG 圖像嵌入到你的網(wǎng)站的能力相結(jié)合。

5、Lorem Picsum

地址：https://picsum.photos/

Lorem Picsum是一個(gè)簡單的網(wǎng)站，你可以根據(jù)自己的需要輕松獲取隨機(jī)和特定的圖像效果。這是照片的 lorem ipsum。

6、DevDocs

地址：https://devdocs.io/

DevDocs是一個(gè)非常有用的開源 Web 應(yīng)用程序，它在一個(gè)易于導(dǎo)航和訪問的界面中組合了多個(gè) API 文檔。它包含許多有關(guān)不同 Web 技術(shù)的文檔，你可以輕松訪問和學(xué)習(xí)這些文檔。它也適用于離線模式。

7、Onepagelove

地址：https://onepagelove.com/

這是一個(gè)網(wǎng)站，它為你提供了一堆主題和模板以及一些前端開發(fā)的學(xué)習(xí)技巧。這是一個(gè)你可以獲得靈感的好地方。如果你想使用它們，它們還能夠下載免費(fèi)模板。

8、RegEx 101

RegEx 101是一款免費(fèi)的正則表達(dá)式調(diào)試器，具有實(shí)時(shí)解釋、錯(cuò)誤檢測和高亮顯示功能。它適用于 PHP、JavaScript、Python 和 Golang。

9、Prettier

Prettier是一個(gè)免費(fèi)工具，你可以使用它來使代碼格式良好。它支持多種語言并與大多數(shù)編輯器集成，例如 VSCode、Sublime 等。

10、Flaticon

Flaticon允許你獲得 SVG、PNG 和其他格式的免費(fèi)矢量圖標(biāo)。你可以訪問他們數(shù)據(jù)庫中的數(shù)千個(gè)圖標(biāo)。這比創(chuàng)建自己的圖標(biāo)要容易得多，這需要花費(fèi)大量時(shí)間。

結(jié)論

如你所見，所有這些工具都是有用且免費(fèi)的。它們?cè)试S你以簡單的方式完成不同的任務(wù)，以提高前端 Web 開發(fā)人員的工作效率。

感謝你閱讀這篇文章。希望你覺得它有用。

學(xué)習(xí)更多技能

請(qǐng)點(diǎn)擊下方公眾號(hào)