安装基础软件

在安装基础软件中，我们向你展示了进行简单的 Web 开发需要哪些工具，以及如何正确安装它们。

现在，我究竟需要什么工具？

在本文中，我们只为你准备了最基本的东西——一个文本编辑器和一些现代网络浏览器。

安装文本编辑器

你的电脑上可能已经有一个基本的文本编辑器。默认情况下，Windows 是记事本，macOS 则是文字编辑。不同的 Linux 发行版会有所不同；Ubuntu 22.04 长期支持发行版默认是 GNOME Text Editor。

比起使用记事本或文字编辑进行 Web 开发，你可能可以做得更好。我们建议从 Visual Studio Code 开始，它是一个免费的编辑器，提供实时预览和代码提示。

安装现代网络浏览器

现在，我们将安装几个用于测试代码的桌面网络浏览器。确保从两个不同的家族中安装至少两款浏览器（这样你就不是在使用同一个渲染引擎的两款浏览器中测试）：

安装本地 Web 服务器

有些例子需要通过 Web 服务器才能成功运行。你可以在如何设置本地测试服务器？中找到该怎么做。

专业人士使用什么工具？

下面看起来是一个可怕的列表，但幸运的是，你可以在不了解大部分工具的情况下开始 Web 开发。

  • 计算机。也许这对一些人来说听起来习以为常，但你们中的一些人正在使用手机或图书馆的电脑阅读本文。对于需要认真对待的 Web 开发而言，最好购买一台运行 Windows、macOS 或 Linux 的台式机或笔记本电脑。
  • 文本编辑器，用来写代码。可以是一个文本编辑器（如 Visual Studio Code、Notepad++、Sublime Text、GNU Emacs 或者 VIM ），或一个混合编辑器（ Dreamweaver 或 WebStorm）。Office 文档编辑器不适合这种用途，因为它们依赖隐藏的元素，会干扰网络浏览器使用的渲染引擎。
  • 网络浏览器，用来测试代码。目前，最常用的浏览器是 Firefox、Chrome、Safari 和 Microsoft Edge。你还应该测试你的网站在移动设备和你的目标受众可能正在使用的任何其他浏览器上的表现。Lynx，一个基于文本的终端网络浏览器，用于了解视力障碍用户对你的网站的体验是非常好的。
  • 图形编辑器，如 GIMP、Figma、Paint.NET、Photoshop、Sketch 或 XD，为你的网页制作图像或图形。
  • 版本控制系统，用来管理服务器上的文件、与团队合作开展项目、共享代码和资产、避免编辑冲突。现在，Git 是最流行的版本控制系统，还有 GitHub 或 GitLab 托管服务。

对于其他的特定项目的工具的更多信息，尤其是对于客户端 Web 开发，参见理解客户端 Web 开发工具指南。