从项目管理到代码编辑器，这些必要的免费工具帮助新手和经验丰富的 Web 开发人员简化工作流程并提高代码质量。
译自 8 Free Tools Every Web Developer Should Know，作者 Jack Wallen。
你是Web开发者，还是正在踏上成为Web开发者的征程？无论哪种情况，你可能都在寻找能够提升技能的工具。幸运的是，你并不总是需要花费很多钱才能获得所需的工具。事实上，有很多免费工具可供Web开发者使用。
下面提到的某些工具是特定于Web开发的，而其他工具则更通用，但仍然适用。
因此，事不宜迟，让我们深入了解这些工具。
Bluefish 已经存在很久了。我相当肯定我曾经见过一只霸王龙使用这个应用程序。Bluefish编辑器是什么？简单来说，它是一个功能齐全的HTML编辑器，适用于Linux、macOS和Windows。Bluefish包括多文档界面、项目支持、多线程支持、代码片段、无限撤销/重做、内联拼写检查器、站点上传/下载、代码块折叠、高度匹配、自动完成、全屏编辑等等。所有这些功能都可以在一个简单的UI中找到，该UI具有可拆分菜单、对话框和向导，并且符合GNOME和KDE Plasma桌面环境。Bluefish唯一的缺点是它不是所见即所得编辑器。
这似乎是一个奇怪的补充，但是如果你正在从事一个大型项目，你将需要有管理该项目的方法，而使用免费的Trello帐户是最好的方法。我已经使用Trello多年了（用于多个项目），没有任何东西能够让我更好地保持组织有序。我使用Trello中的看板功能，自从开始使用它以来，甚至都没有费心去尝试竞争对手的产品。Trello不仅有助于保持你的组织有序，你还可以与他人（例如其他开发者或客户）共享你的看板。
我可能一句关于GitHub的话都不用说，你仍然会明白它为什么在这个列表中。如果你正在寻找协作HTML项目最佳方式，GitHub是市场上最好的选择之一。GitHub允许你将项目保存到远程存储库，同时保留完全控制权。借助自动化和更高的安全性，GitHub也成为一个优秀的项目管理平台。
如果你计划在你的网站中使用Java，你可能需要考虑Apache NetBeans。借助强大的Java IDE，你将能够更好地构建基于Java的Web应用程序。Apache NetBeans包括版本控制、可自定义的UI等等。Apache Netbeans支持Java、JavaScript、PHP、HTML5、CSS等等，并且可以安装在Linux、macOS和Windows上。Apache NetBeans的一个缺点是它有一个相当陡峭的学习曲线，所以准备好花大量时间来掌握这个工具。
如果你希望你的网站或应用程序生成动态页面内容、处理服务器上的文件、收集表单数据或修改数据库中的数据，那么Node.js 是必不可少的。Node.js 是一个基于 Chrome V8 引擎构建的 JavaScript 运行时环境。本质上，Node.js 是一个用于在服务器端应用程序上执行代码的跨平台环境。Node.js是一个框架，它使得在Web浏览器之外运行JavaScript成为可能，并且可以同时处理大量请求，以防止I/O瓶颈并安全可靠地实现并发。
如果您想开发兼容所有浏览器的网站，则需要考虑您的网站在没有 JavaScript 的情况下如何呈现。出于安全原因，一些用户会禁用 JavaScript，因此如果他们访问一个依赖 JavaScript 的网站，体验将与他们的预期不符。如果您担心为所有人提供可访问的网站，Web Developer 浏览器扩展程序（Chrome/Firefox）可以向您展示您的网站在没有 JS 的情况下如何呈现。Web Developer 还允许您禁用 CSS 代码，甚至可以测试页面中的图像和表单。
前端清单 是一款工具，可以用作您在将项目交给客户之前应处理的任务清单。本质上，您为项目命名，输入标题或 URL，添加您的姓名，然后单击“生成报告”。该报告涵盖标题、HTML、CSS、JavaScript、网络字体、图像、可访问性、性能、SEO 等方面，并根据其内部清单对您的网站表现进行评分。如果您希望您的网站符合行业标准，则应将此工具视为必备工具。
如果您喜欢通过检查其他网站来学习，CSS Peeper（仅限 Chrome）是一款很棒的浏览器扩展程序。CSS Peeper 可让您深入了解网页，例如行高、字体、按钮大小等等。您甚至可以检查对象、颜色或资源中隐藏的 CSS 样式。访问页面后，单击 CSS Peeper 图标，然后单击页面的元素或部分。您将看到有关该元素的信息列表，例如对象属性、字体和颜色。如果您想了解其他网站如何使用字体、颜色和图像，这是一个很棒的工具。
如果您对您的 Web 开发人员职业生涯认真对待，您应该认真考虑研究这些工具中的每一个，因为它们会使您的工作更轻松、更可重复。