12 个实用的开发者工具，你肯定希望早点知道🧑‍💻🧙

在快速发展的 Web 开发领域，拥有有效的工具堆栈可以提高生产力和项目成功率。

本质上，它允许开发人员简化复杂的开发工作流程，减少手动工作量，并提高代码的整体质量。

我精心挑选了 12 种开发人员工具，以改善您在代码测试、调试、托管、Web 性能等方面的工作流程。

无论您是初学者还是经验丰富的开发人员，我希望本文能够帮助您发现一些可以为您带来价值的新工具。

每个工具都包含直接链接、产品描述、主要功能和预览，方便您快速上手！让我们开始体验吧！

1. RunJS - 快速且强大的 JS 游乐场

RunJS 是一款创新的桌面游乐场工具，允许开发人员在单个工作区中测试和试验 JS 代码。

它允许你输入代码，并实时预览代码的执行情况。这使其成为学习、探索想法和进行实验的理想选择。

一些最棒的功能：

🔥 完全支持的 JS 生态系统：编写原始 Javascript、TypeScript 或 NodeJS，并访问 Web API 和 DOM。

⬇️安装 NPM 包：添加流行的 JavaScript 库和框架来扩展代码的功能。

⚡获得即时反馈：在您键入时以每行结果进行交互式代码执行，并能够保存代码片段以供重复使用。

🧠自动完成和建议：获取代码建议、相关文档、类型信息、内联错误和警告。

🤖与人工智能聊天：使用内置的人工智能助手生成代码、提出问题并获得解释。

想要快速获得 JavaScript 代码的反馈？不妨亲自尝试一下 RunJS，在输入的同时即可查看代码输出，从而改进你的工作流程！🚀

感谢 RunJS 团队赞助本文。

🌎 网站链接： https://runjs.app

2. LocalCan - 与他人共享本地主机

LocalCan 是一个管理本地开发环境的工具，允许开发人员将他们的开发项目公开到本地网络或在线。

主要特点及使用原因：

• 安全的 URL，用于在本地网络或网络上安全地共享项目。

• 检查应用程序的流量并测试 webhook。

• 支持多种技术堆栈和依赖项。

🌎 网站链接： https://www.localcan.com

3. VisBug——设计调试工具

VisBug 是一款面向设计师和开发人员的工具，允许他们直接在 Web 浏览器中直观地调整和调试设计元素。

主要特点及使用原因：

• 所见即所得编辑，直接在浏览器中调整样式和布局。

• 使用指南和对齐助手进行可视化调试。

• 轻量且免费，不需要后端或外部依赖。

🌎 网站链接： https://visbug.web.app

4. ScreenshotOne - 捕获网站截图

ScreenshotOne 是一个通过 API 生成高质量网站截图的工具，为缩略图生成等提供快速解决方案。

主要特点及使用原因：

• 高分辨率、可定制的屏幕截图，带有基于 URL 的参数。

• 轻松与自动化和工作流工具集成。

• 支持视口和设备类型自定义。

🌎 网站链接： https://screenshotone.com

5. Docz – 构建和维护文档

Docz 是一个开源文档框架，用于快速生成和管理项目文档。

主要特点及使用原因：

• 内置对 MDX 的支持，以将代码与文档集成。

• 用于自定义文档外观的主题选项。

• 零配置要求，快速设置，轻松上手。

🌎 网站链接： https://www.docz.site

6.Antimetal——优化云成本

Antimetal 是一种节省成本的工具，有助于降低 AWS 等平台上的云费用，使其成为优化云基础设施成本的理想选择。

主要特点及使用原因：

• 自动提出节省成本的建议。

• 全面监控和报告云使用情况洞察。

• 无代码 UI，方便技术用户和非技术用户管理。

🌎 网站链接： https://antimetal.com

7. TiinyHost - 小型项目托管

TiinyHost 是一个简单的网络托管工具，旨在快速部署静态网站，非常适合原型、作品集和测试。

主要特点及使用原因：

• 允许用户通过简单地上传文件来部署网站。

• 无需复杂的设置即可快速轻松地发布。

• 非常适合需要快速、可共享链接的设计师和开发人员。

🌎 网站链接： https://tiiny.host/

8. CompressX——高效的图像/视频压缩

CompressX 是一款用于压缩图像和视频的 macOS 应用程序，允许开发人员优化网络和移动应用程序的媒体资产。

主要特点及使用原因：

• 支持图像和视频压缩，文件大小最多可减少 90%。

• 自动压缩受监控文件夹中的新文件，并可选择同时压缩多个文件。

• 非常适合希望减少资产规模以加快加载时间的开发人员。

🌎 网站链接： https://compressx.app/

9. File.Rocks——安全文件共享

File.Rocks 是一种工具，允许用户上传文件、将其组织到文件夹中，并通过灵活的隐私设置进行共享。

主要特点及使用原因：

• 端到端加密文件共享，增强安全性。

• 带有到期选项的临时链接来控制文件访问。

• 广泛支持 Amazon S3、Cloudflare R2、Wasabi 等存储。

🌎 网站链接： https://www.file.rocks/

10. Lightspeed - 优化网络性能

Lightspeed 是一款通过监控和分析网站加载时间来优化网络性能的工具，专注于改善用户体验。

主要特点及使用原因：

• 提供有关页面速度和性能指标的见解。

• 实时数据收集，用于详细的性能分析。

• 识别瓶颈并提供改进建议。

🌎 网站链接： https://lightspeed.run/

11. JSON Crack – 可视化 JSON 数据结构

JSON Crack 是一个强大的 JSON 数据结构可视化工具，使复杂数据易于读取和调试。

主要特点及使用原因：

• 将 JSON 数据转换为易于理解的可视化图表。

• 交互式编辑器可更新 JSON 数据并实时查看变化。

• 非常适合需要工具快速导航 JSON 对象的开发人员。

🌎 网站链接： https://jsoncrack.com/

12. DevToys – 日常开发任务的便捷工具

DevToys 是开发人员的瑞士军刀，具有测试器、生成器、编码器、解码器、格式化程序等一系列工具。

主要特点及使用原因：

• 一个易于使用的桌面应用程序中包含多个开发人员实用程序。

• 简洁的离线界面旨在简化常见的开发任务。

• 可定制的应用程序设置，以提高生产力。

🌎 网站链接： https://devtoys.app/

你喜欢这些资源吗？这里还有更多👇

通过订阅我的时事通讯，加入 6000 多人的行列，获取我发现的最佳 DEV 资源、工具、生产力技巧和职业发展建议！

另外，您可以通过Twitter、LinkedIn和GitHub与我联系！

写作一直是我的热情所在，能够帮助和激励他人让我感到快乐。如果您想成为我的推荐人或成为我的合作伙伴，欢迎随时联系我们！