# 支持版本 - 平台: Mac 、Win: - 版本: Cocos Creator 1.7 ~ 3.5 # 安装流程 - 1.安装完成后打开Creator编辑器 - 2.在Creator编辑器顶部菜单栏依次点击->快闪编辑器->打开 - 3.将弹出的编辑器面板嵌入Creator ![50973653123|677x500,50%](https://forum.cocos.org/uploads/default/optimized/3X/5/6/568befee88ea254930d2cd0177e5df08f1dac9b3_2_677x500.gif) ` - 4.鼠标单击绑定脚本的Node开始编辑代码 ![](https://forum.cocos.org/uploads/default/optimized/3X/f/5/f57e7ed10f5449c342d078711d53457fb618aa3b_2_690x435.gif) ` # 功能简介 ##### 以下所有功能都需要将代码编辑器窗口嵌入Creator后才能生效！ - ### 拖拽组件或资源生成成员变量 ![tz.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/a980450099e63c6a805d191b08b271d538392.gif) - ### 生成 getts 和 setters 插件 ![](https://forum.cocos.org/uploads/default/optimized/3X/f/5/f57fae2de5ca697c815fcca44b59f07d6ae0ade3_2_690x435.gif) - ### 跳转到按钮绑定的脚本函数 ![](https://forum.cocos.org/uploads/default/optimized/3X/4/1/4178d920552aa311206c283dd0858f83c922bacf_2_690x435.gif) - ### 支持shader编辑支持effect、chunk语法高亮解析、函数跳转、代码提示、大纲跳转、检查错误 ![](https://forum.cocos.org/uploads/default/optimized/3X/3/8/38a4037bc80374580675d198956c122a3b2d5b76_2_690x435.png) ![](https://forum.cocos.org/uploads/default/optimized/3X/8/c/8cc1963f093f0c5e38060dda108663a4c87e0214_2_690x429.gif) - ### 快速打开 Scene 或 Prefab ![](https://forum.cocos.org/uploads/default/optimized/3X/d/9/d98abfd2dd6fdde2069f74c75d3b4ad8d28aaa89_2_690x435.gif) - ### 快速添加组件 ![addcomp.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/4b64d21f1fec3429784847698b3bad0f40628.gif) - ### 快速添加预制体 ![addlabel.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/1eccd2c5d90a9638901603907db1e52e82988.gif) - ### 快速选取同名Node ![selectPanel.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/2a1400f16ccfe005145c6dd022a5de1658677.gif) - ### 快速隐藏/显示Node ![hide.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/34dda91131af55f7d0dc2cbf63d9fc3668495.gif) - ### 批量重命名 ![rename.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/90e0133414ba02d31e2711262f85ab3982012.gif) - ### 搜索未使用的文件 ![clear.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/a21ba52e90b49206f33d83d597ff05da11634.gif) - ### 资源跳转快捷键 ![number.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/2968b17cf750113db45843be0c203cfa19087.gif) - ### Node选取快捷键 ![number2.gif](https://download.cocos.com/Cocos/CocosStore/markdown/2022/06/893850f09a3fd5749cd985406ab2cb2c52122.gif) - ### 移动脚本自动修改 import 路径 ![](https://forum.cocos.org/uploads/default/optimized/3X/9/4/94e4637a3c9cb17784a7b8f97a94c229db48cd1a_2_690x435.gif) - ### 设置保存自动格式化代码,补全“;”号 ![](https://forum.cocos.org/uploads/default/optimized/3X/b/2/b23449fb738a7b534f04bc1f5001fdb8465ef839_2_690x435.gif) - ### 双击Label 进入编辑状态 ![](https://forum.cocos.org/uploads/default/optimized/3X/6/6/66ea89463f4032f57e245de25effabc0f4432edb_2_690x435.gif) - ### 代码预览 cc.color 的颜色与修改 ![](https://forum.cocos.org/uploads/default/original/3X/6/3/63833443b09fa618e5171ee63825b0c56d209670.gif) # 使用前后: **使用前**：日常工作中游戏脚本通常绑定在节点上,需要修改脚本代码时需打开第三方代码编辑器进行编辑。

**使用后**：使用本插件后点击场景的节点可直接在creator上编辑该节点绑定的脚本代码，方便快捷修改代码块！

# 设计初衷: 问: 也许大家有个疑问:我为什么要用内置代码编辑器，用外置的vscode编辑器不香么? 答: 一切都要从懒说起; - 1.可以随手修改当前打开场景或界面上绑定的代码文件,直接编辑内容; - 2.方便复制UI命名、参数到节点上或反过来; - 3.方便新建UI属性拖拽； - 4.方便边写代码边对照界面显示信息 - 5.一键新代码模板并绑定到节点,并显示代码内容直接编辑，一条龙服务 - 6.一键生成拖拽变量，并绑定组件或资源 - 7.不用频繁的在vscode、creator、浏览器,三者之间频繁切换 # 主要功能 - 1.备忘录（启动插件第一个页面,可以随意编辑） - 2.[vscode迷你搜索栏](https://www.baidu.com/link?url=cq95h17TuQaRCis8coshs8bXx2wRsv0murfxbK4nWnxtgJ9lfxRy3WVC7OzDcfqhg0LUJOCVmzpCkxhbaYCcF06bAJd_x3hlvvkVfpzgqQS&wd=&eqid=cfb0226300040093000000065fa4592c)（用于打开文件、场景,快捷键[**v**] ） - 3.[vscode代码编辑器功能](https://www.baidu.com/link?url=d39_zgoCRGK5Cu4QxZRQLl69KWbXTvqON_3o79hRj3NEH_XApt8zNLTJ1hoagtHqUOoXCEVAG0LsMP8o-botu8iyWd_xZzhpOOKfe7qzZCG&wd=&eqid=bac178380003fd60000000065fa4598b) - 4.[新建脚本并绑定Node(可自定义规则)](https://forum.cocos.org/t/topic/115853) - 5.[游戏运行预览窗口(仅限Creator2.x版)](https://www.baidu.com/link?url=60XBUdSI3dKcbCalcQJMu16pqNfROa8QJsj2creGzJ4rCYqcgzEH8cOyroH-whPAp9THsq7cArx3TO-qxJYyZwQTRjwsDx89BAnY24NMbNm&wd=&eqid=b99b36600003e217000000065fa45b71)（快捷键[**F11**]） - 6.[搜索未使用的资源](https://www.baidu.com/link?url=QWUJC7VcO94JPxPCVHrdZhj25sw0dm3VR23eojAyx5vpwCyiSkc1qRvLIc3NUPZtDfyR5jNUuV7_K8P9rydmT-6emT7RvZjb04D6YxkJ7qe&wd=&eqid=c6ac91ca000435bc000000065fa45b90)（用于清理不用的文件，快捷键[**Alt+L**] - 7.[在creator的资源管理器内重命名TS/JS文件自动同步修改代码import/require引用路径](https://forum.cocos.org/t/topic/115563) - 8.[鼠标拖拽节点或文件一键生成脚本拖拽变量，并绑定关系](https://forum.cocos.org/t/topic/132106) - 9.[通过配置绑定node组件到脚本上](https://forum.cocos.org/t/topic/115859) # 辅助编辑功能: - 1.[快速生成脚本并绑定节点](https://www.baidu.com/link?url=3DFY73yKqgR1-JIDpmgXIxUIF-lXdKaL2x93KxkVnQbhqSX49RkqN8bqEL8Kcqbr9a7ul54HaFsLk_Bdj43UZCl6hdATwfIXRdFcBxjxEZm&wd=&eqid=a3b1ca310001a4dc000000065fa45a38)(鼠标选中场景中的节点按[**F3**]快速生成脚本并绑定，脚本在该场景同级目录里生成。生成代码模板格式可在设置配置) - 2.[批量重命名](https://www.baidu.com/link?url=kZs0BeyIif7IoVBNhsW6Uq8flQBpjWkMFvOTC5nFgSFp9NmJIc-6s7qehM_YsNqQ8jFl-4pWTBCz7tuKYLzxS2JYyhfrkFsGR2PPDy0PJzG&wd=&eqid=d5f11c3f00070738000000065fa45a4d)（鼠标选取好节点或文件时鼠标右击选择菜单打开重命名界面，完成后按顺序重命名） - 4.[批量绑定组件](https://www.baidu.com/link?url=EXKT8iBOUNo9ZFLQGAT8NTIAoDiRzcaki7S9LnTSWuHfe5MABOzJSHU3dYcWLUFM7m3tvfqrhZEieFfR3df7-Bt-x6xlKYeJG8MV-9wZEjG&wd=&eqid=94d7ed3e000413dc000000065fa45a65)（鼠标选取好节点时按[**G**]打开组件界面，完成后绑定组件到节点） - 5.批量插入预制节点（鼠标选取好节点时按[**A**]打开预制节点界面，完成后插入预制节点到场景） - 6.快速批量删除节点和绑定的脚本（鼠标选取好节按[**Alt+Shift+Enter**]弹出确认界面进行删除操作） - 7.[快捷键目录](https://www.baidu.com/link?url=V49jFZkxfNFv78PMvuZTbdL-CdGG4pIa_uij09TVVJ7Y_oe-qRjsZAkQLAT8RI5eKoGBbVnvhOCoj-N1vkU7uqk2PS_7Cv_NUekFk4UfKSu&wd=&eqid=f2f372d000044441000000065fa45a8d)（可以将'文件夹'绑定'数字键快捷键',通过按数字键转跳到指定目录。使用方法: 选中文件夹后绑定快捷键:[**Alt+0-9**]绑定指定数字键标签, 按[**0~9**]转跳到已绑定的文件夹位置） - 8.选中文件资源按[**X**]剪切，按[**C**]粘贴文件。配合快捷目录快速移动文件 - 9.快捷键节点（按[**Alt+\~**]可以保存当前场景所有节点选取状态，按下 [**\~**] 回到之前保存的节点选取状态） - 10.[批量选中同名的节点](https://www.baidu.com/link?url=rVYnpuW-nsNxTukBBzvHYTWcbLBb4eJM4V8KJeHMH3CvZSEkAatgznnYz1vNK8p9pDLrOEOhhmCNsuJ3U5kVM9YS2xdobhLh_p4CQWqYVbC&wd=&eqid=ae61c1070007e478000000065fa45aac)（类似在vscode按 Ctrl+D 批量选中同名节点,操作快捷 [**S**] 或 [**Alt+D**]） - 11.批量搜索选中节点的子节点(用于快速批量选中指定名字的节点,操作快捷[**F**]) # 项目管理： - 1.[**Alt+F1**]打开项目目录 - 2.[**Alt+F2**]打开项目目录到外部编辑器,编辑器路径配置在配置快捷键选项里打开 - 3.[**Alt+F3**]打开项目目录到creator新窗口 # 设置功能： - 1.设置面板，常用设置在此处修改 - 2.扩展模块，快速打开本插件的扩展目录，可自行添加扩展 - 3.配置新建模板，配置资源管理器或节点树管理器右击菜单的新建脚本选项 - 4.配置快捷键，常用快捷键配置 - 5.配置其它功能，代码编辑器的一些细节配置修改 - 6.添加代码输入提示 - 7.[配置绑定组件解析规则，可以自定义拖拽变量生成规则 ](https://forum.cocos.org/t/topic/115859) - 8.配置 Prettier格式化规则，在设置面板开启Prettier插件后才生效 # 存在的问题 **本插件独立窗口运行以下功能会失效:** - 批量重命名[D] - 批量绑定组件[G] - 批量插入预制节点[A] - 批量搜索选中节点的子节点[F] - 快速打开 Scene 或 Prefab,快捷键[v] - 搜索未使用的资源 - 双击Label进入编辑状态 - 新建脚本并绑定Node(菜单选项丢失) 建议问题反馈QQ群:569081407 ^欢迎在评论区留下反馈或建议^