Egret引擎开发指南之运行项目

针对“Egret引擎开发指南之运行项目”的完整攻略，我可以提供以下详细讲解：

1. 准备工作

1.1 安装Egret引擎与配置开发环境

首先需要安装Egret引擎及其相关工具，安装方法参考官方文档中的安装Egret章节。同时，还需要配置好开发环境，这同样可以参考官方文档中的使用TypeScript进行开发章节。

1.2 创建一个新项目

在安装好Egret引擎且成功配置好开发环境后，就可以通过Egret Wing或命令行等方式创建一个新项目。

1.3 熟悉Egret的项目结构

创建好项目后，需要先了解Egret项目的基本结构，而这也是能够成功运行一个Egret项目的重要前提。

2. 运行项目

2.1 通过Egret Wing运行

在Egret Wing中，首先需要将项目导入Egret Wing。然后通过点击Egret Wing的“编译”按钮，根据提示完成对项目的编译。最后，在Egret Wing的工具栏中，点击“启动本地服务器”按钮即可启动项目。

2.2 使用命令行启动

另外一个运行Egret项目的方式是通过命令行启动。具体步骤如下：

1. 打开命令行工具，并通过cd命令进入到Egret项目的根目录。
2. 执行tsc命令进行TypeScript编译。
3. 执行egret startserver命令启动本地服务器。
4. 在浏览器中输入http://localhost:8080/即可访问运行Egret项目。

3. 示例说明

这里给出两个针对Egret项目的示例说明，帮助理解如何运行Egret项目。

3.1 示例一：Hello World

创建一个新的Egret项目，项目名称为helloworld，然后在项目根目录的src/Main.ts文件中编写如下代码：

class Main extends egret.DisplayObjectContainer {

    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
    }

    private onAddToStage(event: egret.Event) {
        var hello: egret.TextField = new egret.TextField();
        hello.text = "Hello World!";
        hello.x = 100;
        hello.y = 100;
        this.addChild(hello);
    }
}

然后在命令行中进入到项目根目录，依次执行tsc命令和egret startserver命令即可启动本地服务器并运行项目。在浏览器中访问http://localhost:8080/就可以看到Hello World!字样的文本被渲染出来。

3.2 示例二：图片展示

和示例一类似，创建一个新的Egret项目，项目名称为image，然后在项目根目录的src/Main.ts文件中编写如下代码：

class Main extends egret.DisplayObjectContainer {

    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
    }

    private onAddToStage(event: egret.Event) {
        var sky: egret.Bitmap = this.createBitmapByName("bg_jpg");
        this.addChild(sky);
    }

    private createBitmapByName(name: string): egret.Bitmap {
        var result: egret.Bitmap = new egret.Bitmap();
        var texture: egret.Texture = RES.getRes(name);
        result.texture = texture;
        return result;
    }
}

这里通过createBitmapByName方法创建了一个图片对象，并将这个对象添加到舞台中显示。注意，需要先在项目的资源目录中添加一张名为bg.jpg的图片，并在egretProperties.json配置文件中声明该图片。

然后同样在命令行中依次执行tsc命令和egret startserver命令，启动本地服务器并运行项目。在浏览器中访问http://localhost:8080/就可以看到添加的图片被渲染出来。

以上是针对“Egret引擎开发指南之运行项目”的完整攻略，希望能够帮到你。