安装基本软件

在 *安装基本软件* 中,我们将向您展示进行简单 Web 开发所需的工具以及如何正确安装它们。

我现在实际上需要哪些工具?

在本文中,我们将为您提供最基本的内容 - 一个文本编辑器和一些现代 Web 浏览器。

安装文本编辑器

您的计算机上可能已经有一个基本的文本编辑器。Windows 默认包含 记事本,macOS 附带 TextEdit。Linux 发行版有所不同;Ubuntu 22.04 LTS 版本默认包含 GNOME 文本编辑器

对于 Web 开发,您可能比记事本或 TextEdit 做得更好。我们建议从 Visual Studio Code 开始,它是一个免费的编辑器,提供实时预览和代码提示。

安装现代 Web 浏览器

现在,我们将安装几个桌面 Web 浏览器来测试我们的代码。确保您至少安装了这两个浏览器,来自两个不同的家族(因此您不会在使用相同渲染引擎的两个浏览器中进行测试)。

安装本地 Web 服务器

一些示例需要由 Web 服务器运行才能成功工作。您可以在 如何设置本地测试服务器? 中了解如何执行此操作。

专业人士使用哪些工具?

以下看起来像一个可怕的清单,但幸运的是,您可以在不了解其中大多数的情况下开始 Web 开发。

  • 一台计算机。也许对有些人来说这听起来很明显,但有些人正在手机或图书馆电脑上阅读这篇文章。对于严肃的 Web 开发,最好投资一台运行 Windows、macOS 或 Linux 的台式机或笔记本电脑。
  • 一个文本编辑器,用来编写代码。这可以是文本编辑器(例如 Visual Studio CodeNotepad++Sublime TextGNU EmacsVIM),或混合编辑器(例如 DreamweaverWebStorm)。办公文档编辑器不适合此用途,因为它们依赖于隐藏元素,这些元素会干扰 Web 浏览器使用的渲染引擎。
  • Web 浏览器,用来测试代码。目前,最常用的浏览器是 FirefoxChromeSafariMicrosoft Edge。您还应该测试您的网站在移动设备以及目标受众可能仍在使用的任何旧浏览器(例如 IE 8-10)上的性能。 Lynx,一个基于文本的终端 Web 浏览器,非常适合查看视障用户如何体验您的网站。
  • 一个图形编辑器,例如 GIMPFigmaPaint.NETPhotoshopSketchXD,用于为您的网页制作图像或图形。
  • 一个版本控制系统,用来管理服务器上的文件,与团队合作处理项目,共享代码和资产,避免编辑冲突。目前,Git 是最流行的版本控制系统,以及 GitHubGitLab 托管服务。
  • 一个 FTP 程序,用于在旧的 Web 托管帐户上管理服务器上的文件(Git 越来越多地取代 FTP 用于此目的)。有大量的 (S)FTP 程序可用,包括 CyberduckFetchFileZilla
  • 一个自动化系统,例如 WebpackGruntGulp,用于自动执行重复性任务,例如压缩代码和运行测试。
  • 库、框架等,可以加快编写常见功能的速度。库通常是一个现有的 JavaScript 或 CSS 文件,它提供现成的功能供您在代码中使用。框架倾向于更进一步,提供一个完整的系统,其中包含一些自定义语法供您在上面编写 Web 应用程序。
  • 还有更多工具!