工具

Tool

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

浏览课程

命令行

COMMAND

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

准备工作

编辑器

EDITOR

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

Atom 编辑器 Emmet:HTML 与 CSS 缩写

浏览器

BROWSER

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

版本控制

VERSION CONTROL

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

Git 基础

自动化任务

AUTOMATE TASK

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

Gulp 自动化任务 / Grunt 自动化任务

工具包

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

订阅

您可以在一年内在线学习所有的过去与未来的课程。

现在就去订阅

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点