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

翻译 | 杨小二

介绍

1、 UiGradients

2、 APP响应式应用

这个工具可帮助你更快地开发响应式 Web 应用程序。对于所有前端开发人员来说，这是一个很好的 DevTool，因为它会让你的工作更轻松。

3、 Public  API

Public APIs是一个网站，为开发人员提供了一系列免费的公共 API，例如电影 API、音乐 API、开放数据 API 等等。你也可以在那里提交你自己的 API。

4、Undraw

Undraw是一个很棒的网络应用程序，你可以在其中找到许多可以在网页上使用的 SVG 图像和插图。

它还允许你将SVG 图像嵌入到你的网站的能力相结合。

5、Lorem Picsum

Lorem Picsum是一个简单的网站，你可以根据自己的需要轻松获取随机和特定的图像效果。这是照片的 lorem ipsum。

6、DevDocs

DevDocs是一个非常有用的开源 Web 应用程序，它在一个易于导航和访问的界面中组合了多个 API 文档。它包含许多有关不同 Web 技术的文档，你可以轻松访问和学习这些文档。它也适用于离线模式。

7、Onepagelove

这是一个网站，它为你提供了一堆主题和模板以及一些前端开发的学习技巧。这是一个你可以获得灵感的好地方。如果你想使用它们，它们还能够下载免费模板。

8、RegEx 101

RegEx 101是一款免费的正则表达式调试器，具有实时解释、错误检测和高亮显示功能。它适用于 PHP、JavaScript、Python 和 Golang。

9、Prettier

Prettier是一个免费工具，你可以使用它来使代码格式良好。它支持多种语言并与大多数编辑器集成，例如 VSCode、Sublime 等。

10、Flaticon

Flaticon允许你获得 SVG、PNG 和其他格式的免费矢量图标。你可以访问他们数据库中的数千个图标。这比创建自己的图标要容易得多，这需要花费大量时间。

结论

如你所见，所有这些工具都是有用且免费的。它们允许你以简单的方式完成不同的任务，以提高前端 Web 开发人员的工作效率。

感谢你阅读这篇文章。希望你觉得它有用。

学习更多技能

web前端开发

一个专业而懂你的前端学习平台，分享你需要的编程开发与职场技能知识，我们坚持，每天学习一点点，每天进步一点点，人生进步一大步！关注我们，与我们一起学习进步，通过学习遇见更好的自己。

117篇原创内容

Official Account