只属于 Creator 用户的代码神器!

COCOS

共 1940字,需浏览 4分钟

 ·

2021-03-23 19:49

快闪编辑器是基于 VSCode 内核,同时又为 Cocos Creator 量身定制,并且支持2.x 、3.0版本!

默认开启窗口自动伸缩功能,推荐布局。

设计初衷

内置代码编辑器这款插件,最初是打算实现无代码文件编程,在 Creator 内点击 Node 可以在属性面板直接编辑内置代码块。

但是由于内置代码块实现难度大,放弃了这种做法。

「现在经过修改将编辑内置代码块改成了编辑Node绑定的脚本」

插件所带来的体验:

  1. 随手修改当前打开场景或界面上绑定的代码文件,直接编辑内容;
  2. 方便复制 UI 命名、参数到节点上或反过来;
  3. 方便新建 UI 属性拖拽;
  4. 方便边写代码边对照界面显示信息
  5. 一键新代码模板并绑定到节点,并显示代码内容直接编辑,一条龙服务
  6. 一键生成拖拽变量,并绑定组件或资源
  7. 不用频繁的在 vscode、Creator、浏览器三者之间频繁切换

插件主要功能

  1. 备忘录(启动插件第一个页面)
  2. vscode 迷你搜索栏(用于打开文件、场景,快捷键[v])
  3. vscode 代码编辑器功能
  4. 命令模式(直接运行调试编辑中的代码,快捷键[Alt+E]或[Com+E])
  5. 模拟运行调试(类似 U3D 预览效果,快捷键[Shift+Alt+E])
  6. 游戏运行预览窗口(快捷键[F11])
  7. 搜索未使用的资源(用于清理不用的文件,快捷键[Alt+L]

辅助编辑功能:

  1. 快速生成脚本并绑定节点(鼠标选中场景中的节点按[F3]快速生成脚本并绑定,脚本在该场景同级目录里生成。生成代码模板格式可在设置配置)
  2. 批量重命名(鼠标选取好节点或文件时按[D]打开重命名界面,完成后按顺序重命名)
  3. 批量绑定组件(鼠标选取好节点时按[G]打开组件界面,完成后绑定组件到节点)
  4. 批量插入预制节点(鼠标选取好节点时按[A]打开预制节点界面,完成后插入预制节点到场景)
  5. 快速批量删除节点和绑定的脚本(鼠标选取好节点按[Alt+Shift+Enter]弹出确认界面进行删除操作)
  6. 快捷键目录(可以将’文件夹’绑定’数字键快捷键’,通过按数字键转跳到指定目录。使用方法:选中文件夹后绑定快捷键:[Alt+0-9]绑定指定数字键标签, 按[0~9]转跳到已绑定的文件夹位置)
  7. 选中文件资源按[X]剪切,按[C]粘贴文件。配合快捷目录快速移动文件
  8. 快捷键节点(按[Alt+~]可以保存当前场景所有节点选取状态,按下 [~] 回到之前保存的节点选取状态)
  9. 批量选中同名的节点 (类似在 vscode 按 Ctrl+D 批量选中同名节点,操作快捷 [S] 或 [Alt+D])
  10. 批量搜索选中节点的子节点(用于快速批量选中指定名字的节点,操作快捷[F])

项目管理:

  1. [Alt+F1]打开项目目录
  2. [Alt+F2]打开项目目录到外部编辑器,编辑器路径配置在配置快捷键选项里打开
  3. [Alt+F3]打开项目目录到 Creator 新窗口
  4. 其它还有配置快捷键、模板、代码输入提示设置。

代码编辑功能:

  1. TS/JS 代码提示功能比 vsode 更好,支持 import/require 引入的模块代码提示
  2. 内置 creator.d.ts 文件 cocos api 提示开箱即用,支持 TS/JS
  3. 支持游戏项目内的函数名跨文件提示
  4. 支持变量引用位置搜索、跳转
  5. 支持 Ctrl+ 点击 跳转到对象成员声明的文件位置
  6. 支持 json/js/ts 文档格式化
  7. 记住上关闭 Creator 前打开代码,重启 Creator 恢复代码标签,快速进入上次工作状态;
  8. 支持[Ctrl+Shift+O]函数跳转…,其它几十条功能 vscode 相同,就不一一介绍了
  9. 支持导入自定义 xxxx_api.d.ts 的代码声明文件,使用方法:d.ts 声明文件放至项目根目录(与 assets 文件夹同级),然后重启 Creator 即可
  10. 支持 Vim 编辑模式

新手教程

  1. 从 Creator 插件商店下载安装本插件后,按 F1 打开代码编辑面板,然后将面板窗口拖到 Creator 内;
  2. 选中场景编辑器内有绑定脚本的 Node,然后直接开始编辑绑定的代码,如下图所示;
  3. 选中场景编辑的 Node,按下 F3 一键新代码模板并绑定到节点,并显示代码内容直接编辑,一条龙服务;

更多内容可以看论坛教程

https://forum.cocos.org/t/topic/103380
https://forum.cocos.org/t/topic/99871

本插件为收费使用,戳文末阅读原文跳转商店链接查看详细下载信息喔。



往期精彩


浏览 28
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报