Quick preview 插件

做了个小插件,可以快速预览修改的内容,感兴趣的同学可以尝试一下

github 地址:https://github.com/2youyou2/quick-preview

screenshot

feature

  • Load original engine files as modules
  • Load original project files as modules
  • Auto watch project files.
    Once detect file changed, Quick Preview will reload this single file and the modules depend on this module, then reload the scene.
    This task will be done super fast.
  • Auto reload scene when save scene in editor
  • Auto reload without focus back to editor
3赞

youyou老师我一直是这样

是不是有什么安装要求呀

没有在 1.3 上面测试过额,我是基于 1.4 开发的,你试下 1.4 ?

1.4 beta.9也是这样。好像是因为Windows下目录路径分隔符是\(变成了转义符),Mac下是/。

好的,我去 windows 下试下

已更新,你再试试看?

可以打开场景啦,这几个报错是正常的吗?

那个语法错误的不正常,是项目脚本中的错误吗

点这里可以看到脚本行数

看了一下,这个错误是因为我脚本里用的是import和export而不是require和module.exports造成的。。。修改后就没有这个报错了。
但是还有另一个报错,麻烦看一下:



好像是找不到一个fsevents模块。

可以麻烦看下这个模块是从哪里 require 进来的吗

C:\CocosCreator\resources\app.asar\node_modules\chokidar\lib\fsevents-handler.js

console.trace():

奇怪,这个模块应该已经被打包进 creator 了的。
试下在 main window 的 dev tools 里 是 require('chokidar') 试试会出错吗

Main Window 可以require到:


我觉得问题好像不在这里。。。因为这行代码

如果catch到error是什么都不做,也不会报错。我这只是因为开了Chrome的Pause on exceptions才在这停了下来。
无法加载的原因会不会是这一行:

但是我用浏览器运行是没有这个报错的。

o , 那应该还是因为脚本中有问题导致的。
可能是用了什么插件不识别的语法?
先把 Pause on exceptions 关掉,看还有什么其他的log报错信息

或者你先新建一个 hello world 看下打开有没有问题

新建的HelloWorld项目,第一次可以运行。关掉项目再开后又每次都是这些报错,HelloWorld项目什么都没改:


我记得上面那个项目也是成功运行了一次。

我重新打开好几次都没问题额,也是基于 1.4b9 windows 版的

你看下这个路径下有没有生成文件,以及文件内容是什么

project_dir/temp/qp-scripts/

找到原因了。。开多个Creator实例时QuickPreview插件都是预览第一个打开的项目。你试试~