Mac OS X 系统下安装和部署Egret引擎开发环境


Posted in Javascript onSeptember 03, 2014

 概述

Egret基于TypeScript开发的,而TypeScript编译工具tsc是基于Node.js开发的。所以在安装过程中,我们先需要对于基础支持工具进行安装。需要安装的软件如下:

Node.jsTypeScript代码编辑器HTTP服务器(可选)Chrome(可选)EgretJava

这篇文档中,我们主要介绍在Mac环境中安装Egret。其安装步骤如下。

1.安装Node.js

1.1下载Node.js

Node.js的安装方法非常简单,我们可以访问Node.js官网,然后进点击页面中的INSTALL按钮,可直接下载Node.js的pkg安装文件包。

Mac OS X 系统下安装和部署Egret引擎开发环境

本教程撰写时,Node.js版本为0.10.29,如果你的版本高于此版本,我们会提供相关的版本兼容说明。如未提供任何版本兼容说明,则表示你的版本适用于Egret。

双击pkg安装包,我们开始安装Node.js。安装过程如图:

Mac OS X 系统下安装和部署Egret引擎开发环境

下载后的Node.js安装包

1.2安装Node.js

Mac OS X 系统下安装和部署Egret引擎开发环境

开始安装界面

Mac OS X 系统下安装和部署Egret引擎开发环境

许可证授权说明

Mac OS X 系统下安装和部署Egret引擎开发环境

同意许可证授权

Mac OS X 系统下安装和部署Egret引擎开发环境

安装类型说明

Mac OS X 系统下安装和部署Egret引擎开发环境

提供管理员权限,这里your name是你的管理员账户名,同时提供账户密码。

Mac OS X 系统下安装和部署Egret引擎开发环境

安装过程

Mac OS X 系统下安装和部署Egret引擎开发环境

安装完成界面,你的Node.js被安装到 /usr/local/bin/node目录下,同时该安装包还会为你安装npm工具。

1.3验证Node.js

安装完成后,请启动你的终端,输入node -v命令,来查看你当前的Node.js版本,同时验证你的Nodejs是否安装成功。如果安装正确,则应出现效果如下图。

Mac OS X 系统下安装和部署Egret引擎开发环境

Mac OS X 系统下安装和部署Egret引擎开发环境

如果出现node: command not found则表示安装失败,可以参考下面的Node.js安装失败解决方案或者在我们的[开发者社区中求助。

1.4验证npm

在终端中执行npm,出现如下图内容,标明你的npm安装正确。

Mac OS X 系统下安装和部署Egret引擎开发环境

如果出现npm: command not found则表示安装失败,可以参考下面的Node.js安装失败解决方案。

1.5Node.js安装失败解决方案

部分MacOS 安装nodejs的pkg安装包时会显示安装失败,可以通过下载nodejs源代码手动编译解决。

2.安装TypeScript代码编辑器

2.1选择一个合适的代码编辑器

Egret可以使用任何支持脚本语言的代码编辑器,包括:

WebStorm 官方下载地址

【官方推荐】Microsoft Visual Studio 2012 + TypeScript插件Sublime Text + TypeScript插件

详细的编辑器安装方法以及插件配置方法,可参考文档中工具相关章节。

3.安装一个HTTP服务器

3.1选择一个合适的HTTP服务器

Mac用户可以使用系统自带的服务器,Mac用户推荐采用XMAPP

用户也可以跳过这个步骤,使用Egret内置的基于Node.js的简单HTTP服务器。但为了保证更好的开发体验,Egret建议用户安装上述较为成熟的HTTP服务器

具体服务器软件安装,大家可以参考文档中工具相关章节。

4.安装Chrome浏览器

Egret可以运行在绝大多数的现代浏览器上,但是 Egret 目前推荐开发者使用 Chrome 作为主要的开发和调试环境。

打开Chrome浏览器设置->工具->JavaScript控制台在JavaScript控制台(右下角)设置(齿轮图标)-> 常用 -> 禁用浏览器缓存

当进行好上述设置之后,只要JavaScript控制台处于打开状态,就不会有浏览器缓存,方便调试。

5.下载并安装

 Egret5.1从官网中下载Egret

Egret提供两个下载渠道,一个是Egret官方下载,另外一个是Egret Github下载。

我们推荐大家从官方网站中下载,这里的版本是当前稳定版本。如果你从github中下载引擎的开发版本,该版本非稳定版,你可能在实际开发中遇到许多问题,这些问题通常不会在稳定版中出现。

我们打开官方下载页面,找到“Egret引擎”产品项目,点击蓝色的下载按钮,下载最新版Egret引擎,如图。

Mac OS X 系统下安装和部署Egret引擎开发环境

5.2安装Egret

将下载后的Egret引擎压缩包解压到指定目录,该目录可以为任意磁盘中目录。在终端中敲入命令进入解压后的目录。

cd ${egret_folder}

其中${egret_folder}为Egret引擎解压的路径。

进入该目录后,我们执行安装命令。

npm install -g

如果安装命令错误,请检查如下三项,查看是否正确。

cd ${egret_folder}命令中的路径是否正确。

当前目录是否是 Egret目录(该目录下存在一个名为 package.json 的文件)

系统当前用户是否有管理员权限,如果不是管理员权限,请执行sudo su命令。

5.3Egret工具验证

安装完成后,我们执行egret命令,来查看当前Egret是否安装成功。如安装成功,应出现如下图所示。

Mac OS X 系统下安装和部署Egret引擎开发环境

6.Java

在Egret项目的发布阶段需要使用Java 7以上环境,在打包成为Android APP时也会使用到。以下为大家演示Java的下载与安装。

6.1下载

a.Java官网的JDK7下载地址

Mac OS X 系统下安装和部署Egret引擎开发环境

b.百度镜像

6.2 安装

a.确认一下,JAVA版本必须为7以上

Mac OS X 系统下安装和部署Egret引擎开发环境

b.双击挂载安装包

Mac OS X 系统下安装和部署Egret引擎开发环境

Mac OS X 系统下安装和部署Egret引擎开发环境

c.双击图标进行安装

Mac OS X 系统下安装和部署Egret引擎开发环境

d.一路Next

Mac OS X 系统下安装和部署Egret引擎开发环境

e.注意授权

Mac OS X 系统下安装和部署Egret引擎开发环境

f.确认一下

Mac OS X 系统下安装和部署Egret引擎开发环境

Javascript 相关文章推荐
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
Jan 11 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
Vue2.0 实现单选互斥的方法
Apr 13 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
Apr 09 Javascript
Windows8下搭建Node.js开发环境教程
Sep 03 #Javascript
javascript常见操作汇总
Sep 03 #Javascript
优化Node.js Web应用运行速度的10个技巧
Sep 03 #Javascript
初识Node.js
Sep 03 #Javascript
node.js适合游戏后台开发吗?
Sep 03 #Javascript
浅析Node.js查找字符串功能
Sep 03 #Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 #Javascript
You might like
php 获取本机外网/公网IP的代码
2010/05/09 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
2014/01/26 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
用JS生成UUID的方法实例
2016/03/30 Javascript
jquery.validate使用详解
2016/06/02 Javascript
AngularJs Understanding the Model Component
2016/09/02 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
Vue发布订阅模式实现过程图解
2020/04/30 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
Python实现朴素贝叶斯分类器的方法详解
2018/07/04 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
Python中模块(Module)和包(Package)的区别详解
2019/08/07 Python
Django REST框架创建一个简单的Api实例讲解
2019/11/05 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
thinkphp5 路由分发原理
2021/03/18 PHP
三八妇女节活动主持词
2014/03/17 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
2015年人事专员工作总结
2015/04/29 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
python cv2图像质量压缩的算法示例
2021/06/04 Python
Redis性能监控的实现
2021/07/09 Redis