JavaScript语言基础-环境搭建

咱们要想编写和运行JavaScript脚本，则须要：JavaScript编辑工具和JavaScript运行测试环境。下面咱们分别介绍一下。
JavaScript编辑工具
JavaScript编辑工具最简单的可使用一些文本编辑工具，可是它们每每缺乏语法提示，有的语法关键字尚未高亮显示，最重要的是它们大部分不支持调试。考虑到易用性，以及与Cocos2d-JS游戏引擎接轨，咱们推荐你们使用付费的JavaScript开发工具——WebStorm，WebStorm是jetbrains公司研发的一款JavaScript开发工具，能够编写HTML5和JavaScript 代码，而且能够调试。jetbrains公司开发的不少工具都好评如潮，其中Java开发工具IntelliJ IDEA被认为是最优秀的。WebStorm与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JavaScript部分的语法提示和运行调试功能。WebStorm也是Cocos2d-JS游戏的重要开发工具。
WebStorm能够到网站http://www.jetbrains.com/webstorm/download/下载，以下图所示，WebStorm有多个不一样的平台版本，咱们根据须要下载特定平台版本文件。WebStorm软件能够免费试用15天，若是超过15天须要输入软件许可（License key），咱们须要购买许可。

WebStorm下载

‘
JavaScript运行测试环境
若是让编写好的JavaScript文件运行，还须要配置运行测试环境，这个须要环境主要包含一个JavaScript引擎，WebStorm自己不包含这个运行环境。若是咱们编写的JavaScript文件嵌入到HTML文件运行，咱们能够安装浏览器Google Chrome、FireFox或Opera，注意IE浏览器对JavaScript支持很差。若是只是运行和测试JavaScript文件能够安装Node.js。关于安装浏览器咱们就再也不介绍了，本节咱们重点介绍安装Node.js。
Node.js安装包括：Node.js运行环境安装和Node.js模块包管理。咱们首先安装Node.js运行环境，该环境在不一样的平台下安装文件也是不一样，咱们能够在http://nodejs.org/download/页面找到须要下载的安装文件，目前Node.js运行环境支持Windows、Mac OS X、Linux 和SunOS 等系统平台。因为个人电脑是Windows 8 64系统，因此我下载的是node-v0.10.26-x64.msi文件，下载完成进行安装就能够了。
安装完成后须要确认一下，Node.js的安装路径（C:\Program Files\nodejs\）是否添加到系统Path环境变量中，咱们须要打开如图所示的对话框，在系统变量Path中查找是否有这个路径。

 系统变量Path配置

HelloJS实例测试
搭建好环境后，咱们须要测试一下，咱们首先须要使用WebStorm工具建立工程，选择菜单File→New Project，弹出Create New Project对话框，如图所示，在Project name输入工程名，Location是工程文件保存位置，Project type中选中Empty project。

Create New Project对话框

在Create New Project对话框中输入相关内容后，点击OK按钮建立工程。而后再选中工程，右键菜单选中New→JavaScript File，弹出如图所示New JavaScript file对话框，在Name中输入HelloJS，这是建立的js文件名，Kind中选择JavaScript file。

New JavaScript file对话框

在New JavaScript file对话框中输入相关内容后，点击OK按钮建立HelloJS.js文件，建立成功WebStorm界面如图所示。

 WebStorm成功界面

咱们在编辑 界面中输入以下代码：

var msg = 'HelloJS!'
console.log(msg);
其中代码var msg = 'HelloJS!'是把字符串赋值给msg变量，console.log(msg)是将msg变量内容输出到控制台。若是要想运行HelloJS.js文件，选择HelloJS.js文件，弹出以下图所示右键菜单，选中Run ‘HelloJS.js’运行。运行结果输入到日志窗口，如图所示。

运行HelloJS.js文件菜单

运行结果

若是咱们想调试程序，能够设置断点，以下图所示，点击行号后面位置，设置断点。

设置断点

调试运行过程，以下图所示右键菜单中选择Debug ‘HelloJS.js’运行。如图所示，程序运行到第6行挂起。

运行到断点挂起

咱们在Debugger中的Variables中查看变量，从中咱们能够看到msg变量的内容。在Debugger窗口中有不少调试工具栏按钮，这些按钮的含义说明以下图所示。

调试工具栏按钮

更多内容请关注最新Cocos图书《Cocos2d-x实战：JS卷——Cocos2d-JS开发》

本书交流讨论网站：http://www.cocoagame.net

欢迎加入Cocos2d-x技术讨论群：257760386

更多精彩视频课程请关注智捷课堂Cocos课程：http://v.51work6.com

智捷课堂现推出Cocos会员，敬请关注：http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0

《Cocos2d-x实战 JS卷》现已上线，各大商店均已开售：

京东：http://item.jd.com/11659698.html

欢迎关注智捷iOS课堂微信公共平台，了解最新技术文章、图书、教程信息