1.2 JavaScript的开发工具

随着JavaScript的发展，大量优秀的开发工具接踵而来。能够开发现代网页的开发工具非常多，例如记事本、Sublime Text、HBuilder、VS Code等。找到一个适合自己的开发工具，不仅可以加快学习速度，而且在以后的开发过程中能及时发现问题、少走弯路。下面我们就来介绍两款简单、易用的开发工具。

1.2.1 使用记事本开发

记事本是最原始的JavaScript开发工具之一，它最大的优点就是不需要独立安装，只要安装Windows操作系统，使用系统自带的记事本，就可以开发JavaScript应用程序。对于计算机硬件条件有限的读者来说，记事本是最好的JavaScript应用程序开发工具之一。

【例1-1】下面介绍如何将记事本作为JavaScript的编辑器，编写第一个JavaScript脚本（实例位置：源码\第1单元\1-1）。

（1）打开记事本。

（2）在记事本的工作区域输入以下HTML标记符和JavaScript代码。

（3）编辑完毕后，选择“文件”/“保存”命令，在弹出的“另存为”对话框中，输入文件名，将其保存为.html格式或.htm格式。双击该文件，以上代码的运行结果会在浏览器中显示，如图1-7所示。

1.2.2 使用VS Code开发

Visual Studio Code（简称VS Code）开发工具，是一款由Microsoft开发的免费、开源代码编辑器。它是一个轻量级的跨平台编辑器，适用于Windows、macOS和Linux操作系统。它内置对JavaScript、TypeScript和Node.js的支持，并且拥有丰富的其他语言和运行时扩展生态系统。

访问VS Code官网下载安装包，需要选择对应系统的安装包，直接下载即可，如图1-8所示。

【例1-2】下面通过一个实例了解使用VS Code如何进行开发。

（1）在桌面上创建一个名为sourceCode（在VS Code中显示为SOURCE CODE）的文件夹，然后通过VS Code打开（Windows快捷键：Crtl+K+O。macOS快捷键：command+O）该文件夹，如图1-9所示。

（2）在该文件夹下面新建一个index.html文件，输入源码内容如下。

（3）双击index.html文件，浏览器可以运行该文件，结果如图1-10所示。