你有最好的 Web 开发软件吗？

最后更新于 2020 年 4 月 27 日

您已经学习了所有理论并完成了所有教程，成为一名成熟的 Web 开发人员。 如果您正在开始您的旅程，您需要做很多事情来确保您拥有适合这项工作的正确工具。 其中很多也归结为个人喜好，因此建议在确定适合您的集合之前测试不同的 Web 开发软件。 您可以选择的工具取决于许多因素，例如您正在使用的编程语言、您的目标堆栈、您当前硬件的能力以及您的公司当前使用什么。

您需要的 Web 开发软件可以分为六类。

UI原型/模型工具：

在开始制作响应式网站或 Web 应用程序之前，您需要一些工具来布局 UI、将其可视化并规划您必须完成的工作。 如果您只是盲目地开始，那么随着您的设计更改，您可能会丢掉很多工作。 迭代是好的，但你应该从一个坚定的计划开始。 这些工具可让您设计 UI 并为您的项目提供一些结构（至少对于第一个 sprint）

1. MockFlow：这是一个很棒的软件，用于制作线框并将您的想法从概念变为具体的东西。
2. Sketch：这是一个非常流行的工具，可以创建出色的界面和原型。 它有一个名为 Symbols 的杀手级功能，它允许您重用 UI 资产和元素，以在多个应用程序中实现一致的界面。
3. Invision Studio：这个对在单个画板上创建响应式设计提供了出色的支持。 有许多自定义动画和过渡可供选择。
4. Adobe XD：如果您是 Photoshop 的长期用户并希望留在 Adob​​e 生态系统中，Adobe XD 是一个不错的选择，它提供与其他 Adob​​e 服务的无缝集成。
5. Figma：这是一个很棒的跨平台程序，具有完善的插件生态系统以增加功能

设计工具：

创建 UI 计划后，您需要一些软件来创建实际的网站资产，例如背景、徽标和图像。 这就是设计工具的用武之地。这些是整个行业的设计师和艺术家使用的工具。 它们的价格各不相同，因此您应该选择与您的预算相匹配的东西。 它们应该适合任何工作流程，因为它们支持导出到最常见的 Web 图像和资源格式。

1. Photoshop：它们的祖父，这是大多数设计师和艺术的工具 我发誓。 它已经持续发展了近 30 年。 这是一个与众不同的行业标准。
2. Illustrator：Illustrator 就像用于矢量图形的 Photoshop。 许多工作流程需要可以调整大小并放大到大尺寸的图形。 Illustrator 非常适合开发这些资产。
3. Gimp：这是一个开源软件，具有很多 Photoshop 的功能。 它被广泛使用，应该足以满足想要节省一分钱的人的最常见任务。
4. Inkscape：Inkscape 是一个矢量图形工具。 同样，它是开源和免费的。 它是 Illustrator 的绝佳替代品，但它与该软件导出的文件不兼容。
5. Adobe After Effects：这个非常适合创建动态图形和动画。 这使设计师可以轻松创建令人惊叹的动画来美化任何网站。

用于 Web 开发的 IDE 软件：

这是您将花费大量时间的软件。 IDE 管理代码和目录结构以及一系列可让您管理版本控制和构建设置的功能。

1. Visual Studio Code：微软的这个开源编辑器就像是 Visual Studio 的最小版本。 尽管它缺少一些大哥的功能，但它通过轻巧且易于使用来弥补它。
2. 括号：这个开源代码编辑器的设计首先考虑了网页设计。 它具有集成在编辑器中的可视化工具，供设计人员快速查看他们的代码如何影响布局。
3. Atom：这个 Github 的代码编辑器有一个很棒的功能，多个人可以在同一个文件上工作。 这使其非常适合远程协作或结对编程。 这也与 Github 深度集成。
4. Notepad++：这是最轻量级和最通用的。 它使用简单，可以适应各种编码风格。 它有一个健康的免费插件生态系统，为这个简单快速的编辑器添加了许多有用的功能。

软件版本控制：

当您准备好处理一个大项目时，无论是单独还是团队合作，您都必须设置版本控制。 如果您是单独工作，可能会忽略它，但只需要一天的工作损失就可以让开发人员终生铭记拥有一个良好的版本控制系统的重要性。 无论您选择什么，您都会逐渐欣赏它的分支和备份功能，以帮助您尝试新事物，而不必担心会弄乱您以前的工作。

1. Git：出于管理 Linux 代码库的需要，Linus Torvalds 将 git 作为一个版本控制系统来统治所有其他系统。 它是世界上使用最广泛的 VCS。
2. Mercurial：这是一个免费的分布式源代码控制管理工具。 它可以处理任何规模的项目，并提供简单直观的界面。
3. Subversion：这是由 Apache 基金会制作的，目的是与旧技术 CVS（并发版本系统）兼容。 它是开源的并且得到很好的支持。

用于 Web 开发的服务器软件：

当您完成前端规划并希望在浏览器中实际测试网站时，您需要服务器软件来提供网页，就像远程 Web 服务器一样。 根据您使用的堆栈，您可以使用各种各样的服务器软件。 您可以只使用每个功能的基本功能，也可以自定义安装来完成一些繁重的工作。

1. Apache Web 服务器：此 Web 服务器为大多数万维网提供支持。 它有很多扩展来运行您可能希望运行的任何软件堆栈。
2. Nginx：作为与 Apache 主导地位的激烈竞争，Nginx 以其性能和可扩展性而闻名。
3. IIS：如果您在 Web 开发中使用 Microsoft 技术，则 IIS 是您使用来自同一生态系统的所有工具的选项。

浏览器：

最后，这就是魔法发生的地方。 浏览器运行您的所有代码。 这是用户与网站交互的方式。 因此，您必须使用尽可能多的浏览器测试您的网站。 以下列表应涵盖您需要支持的所有浏览器。

1. Chrome：在短时间内占据主导地位并为较新的 Web 技术提供最新支持的浏览器，您需要将其安装在您的计算机上进行测试。
2. Firefox：Internet Explorer 垄断地位的老派挑战者，这款开源浏览器仍然受到大量扩展和应用程序的良好支持，使其与此列表中的任何其他浏览器一样强大。
3. Safari：Apple 设备上的默认浏览器，这是一种广泛使用的浏览器，可在数百万移动和桌面设备上运行。
4. Microsoft Edge：与 Internet Explorer 背道而驰，这是微软试图追赶谷歌 Chrome 不断上升的市场份额的尝试。 它与 Windows 很好地集成在一起。
5. Internet Explorer 11：最新版本的浏览器，成为大多数人第一次接触网络，这个版本因其怪癖而臭名昭著，并为支持它的网络开发人员带来了很多痛苦。 它仍然拥有重要的市场份额，因此支持它应该非常值得您花时间。

刚开始作为 Web 开发人员时，测试各种工具和软件非常重要。 缩小搜索范围以识别用于 Web 开发的最佳软件通常取决于个人偏好。 祝你好运，开发人员，开始测试吧。

作者：Taj R.