每个开发人员都应该知道和使用的工具

2025-05-24

每个开发人员都应该知道和使用的工具

SO FAR SO GOOD
希望你的 Web 开发之旅也能如此。
如果yes……,那我有一些工具可以让你从优秀走向卓越;
如果no……,那别担心,这些工具也能让你从优秀走向卓越。

我有一些很棒的 Chrome 扩展程序和网站,可以让你作为一名 Web 开发者的工作更加轻松。我使用这些工具,它们非常棒,安全又省时。

注意:我强烈建议您学习基础知识(HTML,CSS,JS),然后再使用这些工具。

网站

  • Uxwing:为您的项目提供免费的 PNG 和 SVG 图标。
  • Unsplash:用于不同尺寸的壁纸和图像。
  • Jsonplaceholder:用于 JSON 的免费 API。
  • lighthouse:Lighthouse 是一款开源的自动化网页质量提升工具。您可以针对任何网页(公开的或需要身份验证的)运行它。它提供性能、可访问性、渐进式 Web 应用、SEO 等方面的审核。
  • Css-tricks:名字就说明了它的作用:)精彩的 CSS 文章
  • css-box-shadow:立即创建框阴影,请查看前端开发人员。
  • css-gradient:快速轻松地创建渐变。
  • Sharingbuttons.io:超快速便捷的社交媒体分享按钮。无需 JavaScript,无需追踪。超级实用。
  • 将 CSS 转换为 JS:将 CSS 转换为 JS 或将 JS 转换为 CSS。

扩展

  • Wappalyzer:Wappalyzer 是一款技术分析工具,可以展示网站构建所使用的技术。您可以了解网站使用的 CMS、框架、电商平台、JavaScript 库等等。
  • Adblock:令人厌恶和分散注意力的广告已经够多了。
  • WhatFont:识别网页字体的最简单方法。
  • ColorZilla:高级吸管、颜色选择器、渐变生成器和其他丰富多彩的功能。
  • Imageye - 图片下载器:查找并下载网页上的所有图片。这是我用来练习克隆网站的最佳工具。

如果您有任何工具可以分享,请在评论中写下来
,如果您喜欢我的作品,请在
Twitter 上关注我😊 Himanshu
Linkedin 😄 thehimanshutiwari

文章来源:https://dev.to/himanshutiwari15/tools-every-developer-should-know-and-use-245l
PREV
如何构建您的第一个 Chrome 扩展程序
NEXT
我最喜欢的用于 Web 开发和设计的 Chrome 扩展程序