1.6 搭建JavaScript环境

精讲视频

搭建JavaScript环境

相比其他语言，JavaScript的优势之一在于不用安装或配置任何复杂的环境就可以开始学习。每台计算机上都已具备所需的环境，哪怕使用者从未写过一行代码，有浏览器足矣！

为了运行本书中的示例代码，建议安装Chrome或Firefox浏览器，一个合适的编辑器（如Sublime Text或NotePad++），以及一个Web服务器（WAMP或XAMPP，这一步是可选的）。

接下来将介绍搭建环境最常用的两种方案。

1.6.1 浏览器

浏览器是最简单的开发环境。Chrome浏览器或者Firefox浏览器是最常用的。如果使用Firefox浏览器，需要安装Firebug插件，安装完成后，在浏览器的右上角会看到一个图标，如图1.3所示。

图1.3　Firebug插件图标

单击Firebug图标，打开浏览器控制台，在命令行区域中编写所有JavaScript代码，如图1.4所示（执行源代码可以单击“运行”按钮）。

图1.4　Firefox浏览器控制台编码

也可以扩展命令行，来适应Firebug插件的整个可用区域。

使用Chrome浏览器也是可以的，Chrome已经集成了Google Developer Tools（谷歌开发者工具）。打开Chrome，单击设置及控制图标，选中更多工具|开发者工具（英文为Tools|Developer Tools），如图1.5所示（执行源代码可按【Enter】键）。

图1.5　Chrome浏览器控制台编码

1.6.2 Web服务器（WAMP）

安装WAMP，然后在WAMP安装文件夹下找到htdocs目录。在该目录下新建一个文件夹，就可以在里面执行本书中所讲述的源代码，或直接将示例代码下载后提取到此目录。

接下来，在启动WAMP服务器后，就可以通过localhost这个URL，用浏览器访问源代码，注意别忘了打开Firebug或谷歌开发者工具查看输出。