首页 » 学习JavaScript数据结构与算法(第2版) » 学习JavaScript数据结构与算法(第2版)全文在线阅读

《学习JavaScript数据结构与算法(第2版)》1.2 环境搭建

关灯直达底部

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

为了运行书中的示例代码,建议你做好如下准备:安装Chrome或Firefox浏览器(选择一个你最喜欢的即可),选择一个喜欢的编辑器(如Sublime Text),以及一个Web服务器(XAMPP或其他你喜欢的,这一步是可选的)。这些软件在Windows、Linux和Mac OS上均可以使用。

如果你使用Firefox,推荐你安装Firebug插件(https://getfirebug.com)。接下来将介绍搭建环境的三种方案。

1.2.1 最简单的环境搭建

浏览器是最简单的开发环境。

你也可以使用Firefox加Firebug。安装好Firebug后,在浏览器的右上角会看到如下图所示的图标。

点击Firebug图标,打开它,可以看到Console标签,我们可以在其命令行区域中编写所有JavaScript代码,如下图所示(执行源代码请按Run按钮)。

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

你还可以使用谷歌Chrome,它已经集成了Google Developer Tools(谷歌开发者工具)。打开Chrome,点击设置及控制图标,选中Tools | Developer Tools,如下图所示。

然后,就可以在Console标签页中编写JavaScript测试代码,如下所示。

1.2.2 使用Web服务器(XAMPP)

你可能想要安装的第二个环境是XAMPP,它的安装过程也很简单,但比只使用浏览器麻烦点儿。

安装XAMPP(https://www.apachefriends.org)或者你偏爱的其他Web服务器。然后,在XAMPP安装文件夹下找到htdocs目录。在该目录下新建一个文件夹,就可以在里面执行本书中所讲述的源代码;或者是直接将示例代码下载后提取到此目录,如下所示。

接下来,在启动XAMPP服务器之后,你就可以通过localhost这个URL,用浏览器访问源码,如下图所示(别忘了打开Firebug或谷歌开发者工具查看输出)。

 执行示例代码时,请不要忘记打开谷歌开发者工具或Firebug查看输出结果。

1.2.3 使用Node.js搭建Web服务器

第三种选择就是100%的JavaScript。我们可以使用Node.js来搭建一个JavaScript服务器,不使用XAMPP搭建的Apache服务器。

首先要到http://nodejs.org/下载和安装Node.js。然后,打开终端应用(如果你用的是Windows操作系统,打开Node.js的命令行),输入如下命令:

npm install http-server -g  

最好手动输入这些命令,复制粘贴可能会出错。

也可以用管理员身份执行上述命令。对于Linux和Mac操作系统,使用如下命令:

sudo npm install http-server -g  

这条命令会在你的机器上安装一个JavaScript服务器:http-server。要启动服务器并在终端应用上运行本书中的示例代码,请将工作路径更改至示例代码文件夹,然后输入http-server,如下图所示,整个环境就搭建好了!

为执行示例,打开浏览器,通过http-server命令指定的端口访问:

 下载代码文件的具体步骤前言中介绍过了,请翻回去看一看。本书的代码包在GitHub上的托管地址是https://github.com/loiane/javascript-datastructures-algorithms。其他图书或视频的代码包也可以到https://github.com/PacktPublishing/查阅。别错过!