开发人员的终极工具🛠

嘿！👋

让我向你介绍这个由社区驱动的优秀开发者工具列表。它是一个由社区构建的开源项目。欢迎你为这个列表做出贡献。你可以在本文末尾找到贡献指南。

好了，我们开始吧！🚀

目录

• 平台🌐
• 指南🧭
• 文档📚
• 代码编辑器和 IDE 💻
• 图片🖼
• 颜色🎨
• 排版📝
• 设计🎨
• 工具🛠
• 贡献🤝
• 结论

平台🌐

• 免费代码营

免费学习编程。构建项目。获得认证。

• 斯克林巴

通过交互式教程学习编程。观看视频教程的同时编辑代码。是不是很酷？

• 前端导师

通过构建真实项目提升你的前端技能。在完成专业设计的同时，解决实际的 HTML、CSS 和 JavaScript 挑战。

指南🧭

• CSS 指南

编写合理、可管理、可扩展的 CSS 的高级建议和指南

• Sass 指南

用于编写合理、可维护和可扩展的 Sass 的规范样式指南。

文档📚

• W3C

万维网联盟 (W3C) 是一个由会员组织、全职工作人员和公众共同致力于制定Web 标准的国际社区。

• MDN Web 文档

学习 Web 开发的最佳平台之一。每当你对 HTML、CSS、JavaScript 或任何其他 Web 技术有疑问时，请务必先查看 MDN。

• W3学校

几乎可以参考任何你能想到的编程语言。

• CSS技巧

有关使用 CSS（层叠样式表）的技巧、窍门和技术的最佳平台之一。

代码编辑器和 IDE 💻

• Visual Studio 代码

Visual Studio Code 是一款免费的开源代码编辑器，对于开发人员来说是一款非常棒的工具。它拥有丰富的功能和扩展，是开发人员的绝佳选择。

• CodeSandbox

简单来说，CodeSandbox 是 Visual Studio Code 的在线版本。

• 开发 - Visual Studio Code

github.dev 基于 Web 的编辑器是一种轻量级的编辑体验，完全在您的浏览器中运行。

有两种方法可以打开基于 Web 的编辑器

1. 按下.任意存储库或拉取请求上的键
2. 将 URL 中的 .com 替换为 .dev。例如https://github.dev/username/repo

• CodePen

CodePen 是 Web 前端的游乐场。在这里，你可以尝试、测试并展示你的前端作品。此外，你还可以从其他开发者那里获得许多灵感。

• 复制

Replit 是一款简洁、强大且易于协作的在线 IDE。它是您进行编码、协作和托管项目的理想场所。

• StackBlitz

面向前端和全栈开发人员的 Web IDE。

• TypeScript 游乐场

想体验 TypeScript 的乐趣吗？TypeScript Playground 就是你的不二之选。

图片🖼

• Unsplash

轻松找到精美的高质量照片，用于您的下一个项目。所有照片均可免费用于商业和个人用途。

• Pexels

Pexels 是一个很棒的免费图片库。所有照片均可免费用于商业和个人用途。

• 碳

Carbon 是一个创建和分享代码精美图像的绝佳平台，允许您使用语法突出显示、主题、字体等自定义图像。

• Pixlr

免费的照片编辑器、动画和设计。

颜色🎨

• 色彩空间

再也不用浪费时间寻找完美的调色板了！只需输入颜色！即可生成漂亮的调色板

• 冷却器

创建完美的调色板或从数千种美丽的配色方案中获得灵感。

• 色轮

想知道哪些颜色搭配起来好看？Canva 的色轮让颜色搭配变得简单。

排版📝

• 谷歌字体

Google Fonts 是一个免费且经过授权的字体库。您只需选择所需的字体，即可将其下载到您的电脑，或使用提供的 CSS 或 HTML 链接将其嵌入到您的网页中。

• 字体来源

如果您不想从 CDN 获取字体，那么请使用整齐捆绑的 NPM 包中的自托管开源字体。

• 书呆子字体

Nerd Fonts 为开发人员提供了带有大量字形（图标）的目标字体补丁。

设计🎨

• Figma

一个免费的在线协作界面设计工具和原型制作工具。

• Pinterest

Pinterest 是一个视觉发现工具，您可以使用它来寻找所有项目和兴趣的想法。

工具🛠

等一下！工具里还有工具？没错，你没听错。这里有一些工具可以帮助你找到更多工具。😃

• 堆栈溢出

Stack Overflow 是一个面向专业程序员和程序员爱好者的问答网站。在这里您可以提出问题并获得解答。

• 微型数字工具

开发人员有用的工具集合。

• 小型开发工具

开发人员有用的工具集合。

• 我可以使用

Can I Use 提供了最新的浏览器支持表，用于支持桌面和移动 Web 浏览器上的前端 Web 技术。

• 网站图标生成器

您是否曾为网站创建图标而苦恼？各种尺寸、各种格式、各种平台，应有尽有。
快速生成图标，可使用文本、图片，或从数百个表情符号中选择。

• 字体真棒

免费和高级图标库。

• OverAPI.com

以有组织的格式查找大量针对不同技术的备忘单。

• 转换

一款多语言 Web 转换器。轻松将 HTML 转换为 Pug，将 TypeScript 转换为 JavaScript，将 Markdown 转换为 HTML 等等……

• 前端工具

您可以在此找到具有更好用户体验的所有工具的网站。

• 黑客标签

始终了解最新的开发者新闻、工具和活动。

• Git保护

适用于所有 GitHub、GitLab、Bitbucket 和 Jira 数据的 DevOps 备份和灾难恢复软件。

• 线性

这是一个用于在团队中组织问题和请求的绝佳工具。

• 程序员工具

非程序员无需编写代码的工具。它包含一系列工具，你可能需要用它来转换数据或生成测试数据，还可以将 ASCII 码转换为十六进制。

贡献🤝

想贡献一份力量吗？方法如下：

1. 找到一个很棒的工具，它不在这个列表中，但你认为它应该在这个列表中🤔
2. 提供该工具的标题、描述和链接，以便简要介绍该工具📝
3. 在你的评论末尾添加“💎”（钻石）。为什么？因为你值得拥有😃！而且，这样我也更容易找到你的评论🙂
4. 收藏此帖子，即可随时查看我们更新的最新工具 📑

结论​

希望这份清单对您有所帮助。而且，这还没完！我们会持续扩充和更新这份清单，添加更多工具。

如果你有任何疑问，欢迎在评论区留言。感谢阅读！🙂

🔝 返回顶部