[开源分享][cc-refresh-preview 0.0.2]CocosCreator刷新预览

cc-refresh-preview

CocosCreator刷新预览

切换浏览器时自动请求更新资源并刷新、无需切换CocosCreator编辑器

右上角提供一个刷新按钮、可以手动请求更新资源并刷新

npm安装

npm install cc-refresh-preview

直接下载扩展(解压后使用)

extension.zip (6.8 KB)

直接下载集成使用

dist.zip (3.2 KB)

浏览器扩展使用(推荐)

打开设置 -> 浏览器扩展,开启开发者模式,加载未打包的扩展程序

npm安装扩展目录: 当前文件夹/node_modules/cc-refresh-preview/extension

自定义配置

image

集成使用

import { DEBUG, DEV, EDITOR, PREVIEW } from "cc/env";
import { setupRefreshPreview } from "cc-refresh-preview";

if (DEV && DEBUG && !EDITOR && PREVIEW) {
    setupRefreshPreview();
}

自定义配置

setupRefreshPreview({
    // SetupRefreshPreviewConfig
});
interface SetupRefreshPreviewConfig {
    /**
     * 浏览器可见性变更为可见时自动刷新(默认值:true)
     */
    visibilityChangeAutoRefresh: boolean;
    /**
     * 刷新请求url后缀(默认值:"asset-db/refresh")
     */
    urlSuffix: string;
    /**
     * 显示刷新按钮(默认值:true)
     */
    showButton: boolean;
    /**
     * 刷新按钮文本内容(默认值:"刷新")
     */
    buttonText: string;
}

[npm]https://www.npmjs.com/package/cc-refresh-preview
[github]https://github.com/yxdtg/cc-refresh-preview

3赞

666,很好用

试过了,都好用,给你们点赞

image 最新的这3个都要下吗

image
url貌似不对?

曹贼 :roll_eyes:

好用,very good :nerd_face:

刚发现安装的cc-inspector插件也包含了刷新预览功能image

这个东西确实是满足了大家的需求,但是现在看起来会污染自己的项目代码。我觉得下一步应该探索一下,不用污染项目代码的方式来实现这个功能。

那我的和这个比,哪个给力

都挺好用的,但是你这个确实有楼上提的那个问题,需要建一个测试环境来加载脚本,不然最后打包得把代码都提交上去,本意其实是方便测试用的

你往这里丢呗,想要的时候运行一下,话说这里居然没有自动运行选项
image

我在此之上写了浏览器插件,还差一点点就完成了,等我下午回去更新一下

已更新,新增浏览器扩展的方式使用:rocket:

浏览器右上角这里可以固定插件图标

image

点击插件图标就可以弹出可视化配置窗口了,配置完成后,点击保存即可生效~

image

ai还是太方便了啊。以前自己敢想但是觉得成本太大了,浪费时间又只有一点微不足道的好处的东西。都可以嘎嘎做了。

ai确实方便,不过我是自己写的,ai这块我目前只用于代码补全和头脑风暴

忘记测了,2和3版本不一样,已经兼容了