在安装基本软件中, 我们将向你展示简单网页制作所需要的工具,以及如何正确安装它们。
什么是专业人员所需要的工具?
- 一台计算机,也许这对你来说是很明显的,但是你们中有些人们是通过手机或者图书馆的计算机来阅读这篇文章的。对于严格的Web开发,我们推荐最好是使用台式计算机(安装有Windows,Mac, 或者Linux系统)。
- 一个文本编辑器,用来写入你的代码。这可以是一个免费的文本编辑器,比如Notepad++, gedit, Brackets, 或 Text Wrangler;也可以是一个商业级的文本编辑器,比如Sublime Text 或 Coda;或是混合的编辑器,如Dreamweaver。
- 浏览器,用来测试你的代码。如今使用最多的浏览器有Firefox, Chrome, Opera, Safari, 和 Internet Explorer。你同时需要在移动设备和任何你的目标用户可能使用的老式浏览器(如IE 6-8)中测试你的网页表现如何。
- 一个图像编辑器,像The GIMP, Paint.NET, 或 Photoshop,用来编辑你的网页所需的图像。
- 一个版本控制系统,用来与团队在一个项目中合作,分享代码和优点,还有避免编辑上的冲突。如今最流行的版本控制工具是 Git。
- 一个 FTP 程序,用来上传网页到服务器中给公众浏览。我们有很多可用的工具比如Cyberduck, Fetch, 和 FileZilla。
- 一个自动化系统,像 Grunt,来自动完成重复的任务,例如缩减代码和执行测试。
- 模板,库,框架等等,任何用来加快编写常规功能的工具。
- 还有更多工具哟!
什么是你现在真正需要的工具?
上面看起来是一个可怕的列表,不过幸运的是在你刚接触Web开发时你并不需要知道上面大部分内容。在这篇文章里,我们只要求你有最小的配备——一个文本编辑器和一些现代的浏览器。
安装文本编辑器
你的电脑上可能已经安装了一个基本的文本编辑器。Windows上默认安装了 Notepad 而 OS X上则有 TextEdit。Linux 则可能不同,Ubuntu上是默认有 gedit。
在Web开发中,你可以使用比 Notepad 和 TextEdit 更好的工具。我们推荐 Windows上的 Notepad++ 和 Mac上的 Text Wrangler。它们都是免费的且功能完备。
安装现代的浏览器
现在,我们只要安装几个桌面Web浏览器来测试我们的代码。在下面选择你的运行系统然后点击相应的连接来下载你最喜爱的浏览器的安装器:
- Linux: Firefox, Chrome, Opera.
- Windows: Firefox, Chrome, Opera, Internet Explorer (如果你的系统版本是Windows 8 或者更高,你可以安装IE 10或者更高的版本;否则你应该安装一个替代的浏览器)
- Mac: Firefox, Chrome, Opera, Safari (Safari 是IOS 和 OS X的默认浏览器)
在继续我们的教程之前,你应该安装好以上至少两个浏览器。