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 相关文章推荐
JavaScript Memoization 让函数也有记忆功能
Oct 27 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
Dec 10 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
Javascript获取统一管理的提示语(message)
Feb 03 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 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
风格模板初级不完全修改教程
2006/10/09 PHP
用PHP+MySql编写聊天室
2006/10/09 PHP
PHP删除非空目录的函数代码小结
2013/02/28 PHP
ThinkPHP提交表单时默认自动转义的解决方法
2014/11/25 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
Javascript中Eval函数的使用说明
2008/10/11 Javascript
jQuery 性能优化手册 推荐
2010/02/23 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
2013/10/08 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
PHP webshell检查工具 python实现代码
2009/09/15 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
使用Python串口实时显示数据并绘图的例子
2019/12/26 Python
基于python实现操作redis及消息队列
2020/08/27 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
高中英语教学反思
2014/02/04 职场文书
个人租房协议书样本
2014/10/01 职场文书
个人房屋买卖协议书(范本)
2014/10/04 职场文书
中学生的1000字检讨书
2014/10/11 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python
JS函数式编程实现XDM一
2022/06/16 Javascript