Skip to content

Configure Development Environment

WanderWang edited this page Jun 4, 2014 · 27 revisions

1.安装node.js开发环境:

Egret项目依赖于node.js环境。开发者请先下载并安装 nodejs环境

  • node.js官网下载并安装node.js
  • 启动命令行,执行 node 您应该看见如下界面
>

如果您的命令行输出 找不到该命令 node,则表示安装失败,请参见下文 Node.js安装失败解决方案

  • 执行 Ctrl + C 退出命令行,执行 npm 您应该看见如下界面
Usage: npm <command>

where <command> is one of:
    add-user, adduser, apihelp, author, bin, bugs, c, cache,
    completion, config, ddp, dedupe, deprecate, docs, edit,
    explore, faq, find, find-dupes, get, help, help-search,
    home, i, info, init, install, isntall, issues, la, link,
    list, ll, ln, login, ls, outdated, owner, pack, prefix,
    prune, publish, r, rb, rebuild, remove, repo, restart, rm,
    root, run-script, s, se, search, set, show, shrinkwrap,
    star, stars, start, stop, submodule, tag, test, tst, un,
    uninstall, unlink, unpublish, unstar, up, update, version,
    view, whoami

npm <cmd> -h     quick help on <cmd>
npm -l           display full usage info
npm faq          commonly asked questions
npm help <term>  search for help on <term>
npm help npm     involved overview

如果您的命令行输出 找不到该命令 npm,则表示安装失败,请参见下文 Node.js安装失败解决方案

扩展阅读:什么是 node.js,为什么 Egret 需要它

Node.js安装失败解决方案

  • 部分MacOS 安装nodejs的pkg安装包时会显示安装失败,可以通过下载nodejs源代码手动编译解决
  • 部分Windows安装完成后直接在cmd里输入node和npm,可能会提示找不到该命令。是由于新增的Path路径需要重启才能生效。重启或使用node和npm的绝对路径来运行命令即可。

2.安装TypeScript:

当 node.js安装成功后,nodenpm 命令就可以使用了。

打开命令行,执行npm install -g typescript安装TypeScript,具体可以参见TypeScript官网

npm install命令的作用是在开发者的系统中安装指定的node.js库,typescript是库的名称,-g代表将这个库安装到全局路径

MacOS用户如果安装失败,请使用 sudo npm install -g typescript 命令确保权限

如果出现由于众所周知的问题导致的无法安装,请使用 npm install -g typescript --registry=http://r.cnpmjs.org 访问npmjs的国内镜像版

安装成功后,执行 tsc命令,如果没有提示找不到该命令,则表明安装成功

3.安装一个JavaScript IDE,推荐 WebStorm

安装WebStorm开发环境: 官方下载地址

在WebStorm中,请勿开启FileWatcher进行自动编译

4.安装一个HTTP服务器(可选)

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

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

5.安装 Chrome 浏览器(可选)

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

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

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