[muzzik 插件]：vscode 资源路径提示（再也不用担心路径写错）

Creator 3.x
#1

前言

在开发中，你是否担心 脚本中资源路径错误，烦恼 meta 文件手动同步？

有了它，你就不用烦恼上面的问题

功能

  • 资源路径提示
    • 包含错误提示
    • 多根路径配置（用于 bundle）
  • color 编辑器
  • 资源定位
  • meta 文件同步（删除/改名/移动）

下载

https://store.cocos.com/app/detail/4516

介绍

资源路径提示

1.gif

  • 支持三种字符串格式（前缀可自定义）
let pathS = `res/...`;
let pathS = "res/...";
let pathS = 'res/...';
  • 动态路径可使用字符串拼接（只有变量前的路径有提示）
let pathS = "res/resources/" + 变量;

资源路径错误提示

2.png

color 快捷编辑（附赠功能）

3.png
3.png903×310

更新功能

定位资源（1.0.1）

鼠标 左键点击路径后右键菜单 可直接打开资源所在文件夹

4.png

meta 文件同步（1.0.2）

在 vscode 内对资源文件进行 删除/改名/移动 操作时，将自动同步 meta 文件

多根路径配置（1.0.3）

不止 ‘res/’，前缀任意配置，对应路径任意配置，满足你的任何需求

扩展面板 -> MK Typescript Extension 设置

安装

将下载后的 mk-typescript-extension-1.0.0.vsix 文件拖动到 vscode 扩展面板内

image.png

使用

  • 资源路径提示

编辑器内 ts 文件中输入字符串前缀 "res/" 即可

  • color 快捷编辑

编辑器内 ts 文件输入 color(0,0,0,0) 即可

配置（vscode 扩展设置）

image.png
image.png707×340

联系作者

qq群：200351945

后续维护，有什么想要的功能或者遇到 bug 都可以提出来

3赞
Cocos 自动同步 .meta 修改的 IDE 工具，意见征集
#2

更新日志（1.0.1）

  • 添加右键资源定位功能，可直接打开光标字符串所在资源位置
    屏幕截图 2023-02-15 094223
#3

思路不错，但我是用插件直接生成资源路径的常量定义，更省事

1赞
#4

看个人喜好吧，如果用插件也要监听所有文件改动自动生成才好用

另外我这个没有多余的额外文件，还有错误提示

#5

思路确实不错，以前没往这个方向想过

#7

更新日志（1.0.2）

  • 添加 meta 文件同步功能

实现功能：

  • 在 vscode 中进行文件 移动、改名、删除自动同步 meta 文件

解决问题：

  • 如果在 cocos 中进行脚本移动、改名 其他脚本引用的路径不会变 导致报错

  • 如果在 vscode 中进行脚本移动、改名，meta 文件还需要我们再重复操作一次

更新日志（1.0.3）

  • 多提示配置

实现功能：

  • 当前只有一个 res 字符头，对应 assets 路径，多提示则 可以自定义多个字符头和对应的路径，配置结构如下
{
    "res": "./assets",
    "bundleA": "./assets/bundleA"
}

解决问题：

  • 每个 bundle 可使用属于自己的字符头，避免写入多余的字符串
#8

我目前的项目是策划配置资源表。除了不用程序里写死在代码里外，还有个好处是，策划可以根据关卡自己换资源。理想状态下可以不需要开发就自己配置关卡。

#9

发现我挺喜欢吧粗活给策划干 :rofl:，但牛逼的策划不介意干这种活，因为给了他更大的自由发挥空间。