每周学一点Egret（18）Egret Coder调试

在上周开发，Egret Wing在Mac偶尔会有一些小毛病出现编译不到的问题。于是在群里面请教了一些人在Vscode里面调试。在开发过程记录了一些小问题。

1. Egret Wing的问题

由于版本更新迭代问题，EgretWing 已经不再升级迭代。后续开发需要借助Egret UI Editor 和Vscode组合使用。但由于习惯的问题，大多数开发者还是喜欢一体化的设计，固守Wing阵型。这就为引擎研发商带来一些挑战。

2. 安装Egret Coder

由于Egret Wing已经停止维护了，官方开发出一个Vscode Coder插件，可以在编码上接近Wing的使用。在Vscode的插件里面搜索Egret Coder进行安装。安装后可以集成了编译和调试，能支持断点调试。

2.Egret Launcher创建项目

Egret Launcher 默认创建的项目是wing的调试。因此会出现没有配置vscode的配置。注意两者区分。（.vscode 和.wing）

默认调试方式基于Webpack，这种编译方式在一些情况下会编译失败情况出现。

3.手动添加编译

在vscode调试按钮里面添加配置（Add Configuration）增加Egret Debugger

选择Egret Debugger的项目。添加完成后就可以对Egret的项目进行编译调试了。

{
    "configurations": [
        
        {
            "type": "Egret",
            "request": "launch",
            "name": "Egret Debugger",
            "url": "http://localhost:${command:WebsitePort}",
            "webRoot": "${workspaceFolder}",
            "sourceMaps": true,
            "userDataDir": "${tmpdir}"
        },

        {
            "type": "Egret",
            "request": "launch",
            "name": "Egret WebpackDevServer Debugger",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "preLaunchTask": "egret: build"
        }
    ],
    "version": "0.2.0"
}

添加完成后就可以选择Egret Debuger进行编译了。

4.插件缺点

由于推广方式的问题，插件宣传并不到位。很多开发者并不喜欢这样分开使用多个工具。初学者会出现在用Wing好还是UI Editor好的疑惑。
尽管编译方面暂时不会出现什么重大的问题。开发者对手感这样事情是十分看重。这样的插件对刚接触的开发者并不是友善。一款好的引擎开发工具更应该避免这种工具分割的问题。一体化的设计更应该减少学习成本，延续过去版本的优点特色。