Learn web development

安装基本软件

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

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

  • 计算机,也许这对你来说是很明显的,但是你们中有些人们是通过手机或者图书馆的计算机来阅读这篇文章的。对于严格的Web开发,我们推荐最好是使用台式计算机(安装有Windows,Mac, 或者Linux系统)。
  • 文本编辑器,用来编写代码。这可以是纯文本编辑器,比如Brackets,  Atom 或 Visual Studio Code;也可以是混合的编辑器,如Dreamweaver。Office系列的办公软件不适合编程,因为他们依靠隐藏元素导致干扰浏览器渲染显示。
  • 浏览器,用来测试你的代码。如今使用最多的浏览器有FirefoxChromeOperaSafari, 和 Internet Explorer。你同时需要在移动设备和任何你的目标用户可能使用的老式浏览器(如IE 6-8)中测试你的网页表现如何。
  • 图像编辑器,像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浏览器来测试我们的代码。在下面选择你的运行系统然后点击相应的连接来下载你最喜爱的浏览器的安装器:

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

文档标签和贡献者