Laya3.0 如何快速调试

点击play箭头

点击右边的开发者工具
就会弹出 chrome的调试窗口
然后定位到你自己的ts文件 直接在ts里断点即可 不需要js文件

如何自动生成代码？
比如你打开一个新项目
里面显示的是当前场景
只需要点击

UI运行时 右边的框就可以了
他会自动弹窗提示你 创建一个文本文件
然后 在 onAwake 里写代码
好 你需要场景里有一个按钮
拖一个进去
然后勾选

定义变量即可

这个时候你会发现 代码里可以直接点出来了
如何代码加载并显示这个预制体dialog呢？
直接上代码

Laya.loader.load("Prefab2D1.lh").then(res => {
     let dialog: Laya.Dialog = res.create();
     dialog.open(); 
});

和以前比：优点
打开窗口后 可以在层级窗口看到具体的显示层级 非常方便调试
这一点和unity是一样的

并且可以实时更改

做过unity的同学都知道 可以在脚本里声明属性 然后在ide里拖拽进去

laya默认运行时是不支持这个属性的
但是

可以添加自定义脚本

代码如下

@regClass()
export class NewScript extends Laya.Script {
    @property(String)
    public textaaaaaaaaaa: string = "";

    @property(Laya.Button)
    public Btn!: Laya.Button;