安装基本软件中, 我们将向你展示简单网页制作所需要的工具,以及如何正确安装它们。

什么是专业人员所需要的工具?

  • 计算机,也许这对你来说是很明显的,但是你们中有些人们是通过手机或者图书馆的计算机来阅读这篇文章的。对于严格的Web开发,我们推荐最好是使用台式计算机或笔记本电脑(安装有Windows,Mac, 或者 Linux 系统)。
  • 文本编辑器,用来编写代码。这可以是纯文本编辑器,比如Brackets,  Atom 或 Visual Studio Code;也可以是混合的编辑器,如 Dreamweaver。Office 系列的办公软件不适合编程,因为他们依靠隐藏元素导致干扰浏览器渲染显示。
  • 浏览器,用来测试你的代码。如今使用最多的浏览器有 FirefoxChromeOperaSafari, 和 Internet Explorer。你同时需要在移动设备和任何你的目标用户可能使用的老式浏览器(如 IE 8-10)中测试你的网页表现如何。
  • 图像编辑器,像 The GIMPPaint.NET, 或 Photoshop,用来编辑你的网页所需的图像。
  • 版本控制系统,用来管理服务器文件,支持项目中的团队协作,共享代码与资源,避免编辑冲突。当今最流行的版本控制工具是 Git,同时 GitHub 这个基于 Git 的代码托管服务网站也是非常流行。 
  • FTP 工具软件,在旧式使用网络账户管理的服务器上,通常我们使用FTP进行文件管理(Git 正在取代 FTP)。有很多 (S)FTP 工具软件,比如 CyberduckFetch, 和 FileZilla
  • 自动化构建工具, 比如 Grunt 或 Gulp,来自动完成重复的任务,例如压缩代码和代码测试。
  • 模板,库,框架等等,任何用来加快编写常规功能的工具。
  • 还有更多工具哟!

什么是你现在真正需要的工具?

上面看起来是一个可怕的列表,不过幸运的是在你刚接触Web开发时你并不需要知道上面大部分内容。在这篇文章里,我们只要求你有最小的配备——一个文本编辑器和一些现代的浏览器。

安装文本编辑器

你的电脑上可能已经安装了一个基本的文本编辑器。Windows上默认安装了 Notepad 而 OS X上则有 TextEdit。Linux 发行版众多,其中Ubuntu上是默认是 gedit

在Web开发中,你可以使用比 Notepad 和 TextEdit 更好的工具。 我们推荐初学者使用 Brackets, 它提供了实时预览和代码提示等强大功能,而且这是一个免费的编辑器。(译者fan19900404注:我个人更加倾向于使用 Visual Studio Code,完美的原生中文支持,强大的插件体系,多平台支持,它是微软出品,开源免费)

安装现代的浏览器

现在,我们只要安装几个桌面Web浏览器来测试我们的代码。在下面选择你的运行系统然后点击相应的连接来下载你最喜爱的浏览器的安装器:

在继续我们的教程之前,你应该安装好以上至少两个浏览器。

安装本地 Web 服务器

一些示例需要通过 Web 服务器运行才能正常运行。你可以通过阅读 《如何设置本地测试服务器?》了解更多。

文档标签和贡献者

 此页面的贡献者: overcat, fan19900404, jian86392088, troywith77
 最后编辑者: overcat,