开发与学习环境准备-零基础学JavaScript

当前位置:　首页>> 技术小册>> 零基础学JavaScript

1\. 浏览器选择
---------

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

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

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

[获取Chrome浏览器](https://www.google.cn/intl/zh-CN/chrome/)

![](/uploads/images/20230214/a1204ec0416a9cbc650bf30500cb72e7.png)

<center>Chrome 浏览器</center>

2\. 开发工具
--------

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

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

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

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

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

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

*   编辑器
    
    *   [Visual Studio Code](https://code.visualstudio.com/)
    *   [Atom](https://atom.io/)
    *   [Sublime](https://www.sublimetext.com/3)
    *   [HBuilder](https://www.dcloud.io/hbuilderx.html)
*   IDE
    
    *   [WebStorm](https://www.jetbrains.com/zh-cn/phpstorm/promo/?utm_source=baidu&utm_medium=cpc&utm_campaign=cn-bai-url-targeting-php/data&utm_content=www.oschina.net)
    *   [DreamWeaver](https://www.adobe.com/cn/products/dreamweaver.html)

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

3\. 网络环境
--------

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

4\. 放松的学习状态
-----------

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