- JavaScript程序设计基础教程(慕课版)
- 刘刚
- 569字
- 2021-05-12 16:34:39
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或谷歌开发者工具查看输出。