Windows系统下安装部署Egret的开发环境
要安装的软件如下:
Node.jsTypeScriptTypeScript代码编辑器HTTP服务器(可选)Chrome(可选)Egret在本文档中,我们主要介绍在Windows环境下安装Egret。安装步骤如下。
1.安装Node.js
1.1下载Node.js
Node.js的INSTALLation方法非常简单。我们可以访问Node.js官网,然后点击页面上的安装按钮,直接下载Node.js的msi安装包。
编写本教程时,Node.js的版本是0.10.29。如果您的版本高于此版本,我们将提供相关版本兼容性说明。如果没有提供版本兼容说明,说明你的版本适合白鹭。双击msi安装包,我们开始安装Node.js,安装过程如下:
下载的Node.js安装包
1.2安装Node.js
启动安装界面
许可证授权说明
选择安装目录,我们保留默认选项
选择安装内容,我们将安装所有工具包
要确认安装,请单击“安装”按钮
安装过程
在安装完成界面,你的Node.js安装在目录C:\Program Files\nodejs\,安装包也会为你安装npm工具。
1.3验证节点
安装完成后,请启动您的命令行工具,输入node -v命令,检查您当前版本的Node.js,并验证您的Nodejs是否安装成功。如果安装正确,效果应该如下。
在start ——搜索中输入cmd以运行命令行工具。
如果node不是内部或外部命令,也不是可运行的程序或批处理文件,则意味着安装失败。请参考以下Node.js安装失败的解决方案或向我们的开发者社区寻求帮助。
1.4验证npm
在命令行工具中执行npm,出现下图,表明您的npm安装正确。
如果npm不是内部或外部命令,也不是可运行的程序或批处理文件,则意味着安装失败。请参考以下Node.js安装失败的解决方案或向我们的开发者社区寻求帮助。
1.5 node . js安装失败的解决方案
安装部分Windows后直接在cmd中输入node和npm,可能会提示找不到命令。这是因为新添加的路径路径需要重新启动才能生效。只需重新启动或使用节点和npm的绝对路径来运行命令。
2.安装类型脚本
2.1安装类型脚本
成功安装node.js后,就可以使用node和npm命令了。可以使用npm命令直接安装TypeScript。详细安装方法请参考TypeScript官网。
在终端中输入以下命令:npm install -g typescript
npm install命令的功能是在开发人员的系统中安装指定的Node.js库,typescript是库的名称,而-g表示将这个库安装到全局路径
如果由于网络问题导致安装速度较慢,请使用命令npminstall-g typescript-registry=http://R.cnpmjs.org访问国内镜像版本进行安装。
2.2验证类型脚本
成功安装后,执行tsc命令,您应该会看到以下界面
3.安装类型脚本代码编辑器
3.1选择合适的代码编辑器
Egret可以使用任何支持脚本语言的代码编辑器,包括:
WebStorm官方下载地址【官方推荐】Microsoft Visual Studio 2012 TypeScript插件Sublime Text TypeScript插件详细的编辑器安装方法和插件配置方法,请参考文档中工具的相关章节。
4.安装一个HTTP服务器
4.1选择合适的HTTP服务器
Windows用户推荐XMAPP
用户也可以跳过这一步,使用基于Egret内置的Node.js的简单HTTP服务器。但是为了保证更好的开发体验,Egret建议用户安装上述更成熟的HTTP服务器
对于具体的服务器软件安装,可以参考文档中工具的相关章节。
5.安装Chrome浏览器
白鹭可以在大多数现代浏览器上运行,但是白鹭目前建议开发者使用Chrome作为主要的开发和调试环境。
打开Chrome浏览器设置-工具-JavaScript控制台中的JavaScript控制台设置(齿轮图标)(右下角)-常用-禁用浏览器缓存。做好以上设置后,只要打开JavaScript控制台,就不会有浏览器缓存,方便调试。
6.下载并安装白鹭
6.1从官网下载白鹭
白鹭提供两个下载渠道,一个是白鹭的官方下载,另一个是白鹭Github的下载。
我们建议您从官方网站下载。这里的版本是目前稳定的版本。如果从github下载引擎的开发版本,不稳定,在实际开发中可能会遇到很多问题,这些问题通常不会出现在稳定版本中。
我们打开官方下载页面,找到“白鹭引擎”产品项,点击蓝色下载按钮下载最新版本的白鹭引擎,如图。
6.2安装白鹭
将下载的Egret引擎压缩包解压到指定目录,可以是任意磁盘目录,如图:
在命令行工具中键入命令,以进入解压缩的目录。由于我们将解压缩的文件放在F:磁盘中,因此我们首先进入F磁盘,命令如下:
f:
然后我们进入相应的目录,如图所示
进入目录后,我们执行安装命令。
npm安装-g
如果安装命令错误,请检查以下三项是否正确。命令中的当前路径是否正确。当前目录是否为Egret目录(该目录下有一个名为package.json的文件),系统当前用户是否有管理员权限,如果将Egret解压到C驱动器,可能会出现这个问题。
6.3外部工具验证
安装完成后,我们执行egret命令,看看当前的Egret是否安装成功。如果安装成功,应该如下图所示。
如果安装失败,请向我们的开发人员社区寻求帮助。
版权声明:Windows系统下安装部署Egret的开发环境是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。