工具

学习 Web 设计之前，你需要准备一套工具，有些工具带图形界面，有些是命令行工具，有些你可以直接用，有些你需要熟悉一下才知道它到底能干什么。

浏览课程

命令行

命令行工具是你今后一定会用到的东西，你需要熟悉一下在命令行界面下去工具，一开始，你可以先明白一些基本的命令，找找感觉，比如怎么样在命令行下面去处理系统里的文件和目录。

你需要一个编辑代码的工具，它应该支持 HTML，CSS，JavaScript，PHP ... 有太多选择，开始不建议您在选择上花太多时间，我建议您用 Atom 这款编辑器，开源，跨平台，可以自由定制它的显示与功能。

要测试一些尖端的 Web 技术，你就需要一个现代的浏览器，建议使用 Google Chrome 浏览器。你永远不用担心它会过时，因为它会自动在后台为你更新成最新的版本。

你开发的项目，它的每一次变化都可以看成是这个项目的一个版本，你需要用一种方法保留这些变化，这就是版本控制系统要做的事，现在最流行的就是用 Git 为项目做版本控制。

有些你经常要重复做的事情，比如编译 Sass 或 Less，最小化图像，自动刷新浏览器等等，你可以把它们定义成任务，然后在特定的情况下自动去执行它们。Grunt 与 Gulp 就是管理这些任务的工具，建议使用 Gulp 。你需要一点 JavaScript 的知识才能去定义任务。

Web 开发必备工具，Atom，Chrome，nodeJS，Git，Vagrant，Virtualbox。提供 Windows 与 Mac 两个版本。