学习环境准备

1. 浏览器选择

TIPS：所有章节中的例子都基于 Chrome 浏览器环境。

推荐读者也使用 Chrome 进行调试学习，保证所有案例效果统一。

同时 Chrome 也是所有主流浏览器中支持 JavaScript 特性较多的、速度相对较快的浏览器。

获取Chrome浏览器

Chrome 浏览器

2. 开发工具

开发工具一般会分为两种，一种为 IDE (Integrated Development Environment - 集成开发环境)，另一种为编辑器（Editor）。

IDE 为开发某一特定应用或者多种应用而制作的软件，提供了代码编辑器、调试工具等功能。

普通的编辑器则更为轻量通用，仅提供文本编辑功能。适合本 Wiki 读者的主流 IDE 有 WebStorm、Dreamweaver。如果使用 Dreamweaver 建议选择较新版本，旧版已经无法满足现阶段的前端开发。

编辑器则选择相对较多，有Visual Studio Code、Atom、Sublime、HBuilder、Vim等。

上述编辑器含有插件、主题等功能，相对 IDE 更加轻量，配合插件也能提供调试、代码片段、代码提示等功能，满足日常开发需求。

以下为提供部分编辑器和 IDE 的获取地址：

• 编辑器

  • Visual Studio Code
  • Atom
  • Sublime
  • HBuilder

• IDE

  • WebStorm
  • DreamWeaver

建议初学者选择编辑器进行开发，因为学习过程中的例子比较松散简单，IDE 更侧重项目级别的管理。据非官方数据了解，目前大部分前端开发者编辑器会选择 Visual Studio Code，IDE会选择 WebStorm。

3. 网络环境

尽量确保网络环境正常，部分例子可能会用到部分在线链接，如图片。

4. 放松的学习状态

将目光放远，看长期受益。学习是一个漫长的过程，慢慢吸收知识，每一章仔细阅读主要内容即可，剩余内容只需要留个印象，一口容易吃成胖子，慢慢消化容易吸收。