AG体育此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

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

　　。也许这对一些人来说听起来习以为常，但你们中的一些人正在使用手机或图书馆的电脑阅读这篇文章。对于重度的 Web 开发，最好购买一台运行 Windows、macOS 或 Linux 的台式机或笔记本电脑。

　　，用来写代码。可以是一个文本编辑器（如Visual Studio Code、Sublime Text、Atom、GNU Emacs或者VIM），或一个混合编辑器（Dreamweaver或WebStorm）。Office 文档不适合这种用途，因为它们依赖隐藏的元素，会干扰网络浏览器使用的渲染引擎。

　　，用以测试代码。目前，最常用的浏览器是Firefox、Chrome、Opera、Safari、Internet Explorer和Microsoft Edge。你还应该测试你的网站在移动设备和你的目标受众可能仍在使用的任何旧浏览器（如 IE 8-10）上的表现。Lynx，一个基于文本的终端网络浏览器，对于查看视力障碍用户对你的网站的体验是非常好的。

　　，如GIMP、Figma、PhotoshopAG体育、Sketch或XD，为你的网页制作图像或图形。

　　，用来管理服务器上的文件AG体育，与团队合作开展项目，共享代码和资产，避免编辑冲突。现在，Git是最流行的版本控制系统，还有GitHub或GitLab托管服务。

　　，老式 Web 托管账户，以管理服务器上的文件（Git正越来越多地取代 FTP 用于此目的）。有大量的 (S)FTP 程序可用，包括Cyberduck、Fetch和FileZilla。

　　，如Webpack、Grunt或Gulp，以自动执行重复性任务，如简化代码和运行测试AG体育。

　　库、框架等，以加快编写常用功能。一个库往往是一个现有的 JavaScript 或 CSS 文件，它提供了现成的功能，供你在代码中使用AG体育。框架则更进一步，为你提供一个完整的系统和一些自定义的语法，让你在上面写一个 Web 应用。

　　这看起来是一个冗长的清单，但幸运的是，你可以在不了解这些东西的情况下开始进行 Web 开发。在这篇文章中，我们只为你准备了最基本的东西——一个文本编辑器和一些现代网络浏览器。

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

　　现在，我们将安装几个桌面网络浏览器来测试我们的代码。在下面选择你的操作系统，然后点击相关链接，下载你喜欢的浏览器：

　　备注：Internet Explorer 与一些现代网络功能不兼容，它可能无法运行你的项目。你通常不需要为你的 Web 项目与它兼容而操心AG体育，因为很少还有人在使用它——至少在你学习的时候不要太担心它。你可能会在以后遇到一个需要支持它的项目。

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