Cocos Creator学习笔记-【编辑器面板】篇

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

👉关于作者

众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣！！！

专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）

欢迎关注公众号【空名先生】获取更多资源和交流！

👉前提

游戏娱乐是学习的一种有效方式。

👉实践过程

😜场景编辑器

可自由切换是3D视图还是2D视图

3D视图快捷键：

鼠标左键 + Alt：以视图中心点为中心旋转。
鼠标中键：平移视图。
鼠标滚轮：以视图中心点为中心缩放视图。
鼠标右键 + WASD：摄像机漫游。
F 快捷键：摄像机聚焦到当前选中节点。

2D视图快捷键：

鼠标中键：平移视图。
鼠标滚轮：以当前鼠标悬停位置为中心缩放视图。
鼠标右键：平移视图。
F 快捷键：摄像机聚焦到当前选中节点。

变换工具：

和Unity的QWER变换一样都是移动/缩放/旋转/矩形变化，不同的是快捷键为WERT 注意：文本默认是自动填充满宽度自适应的，矩形变换工具无法随时扩大缩小宽高。

😜资源/层级管理器和属性检查器

和Unity一致，无明显区别。

😜控制台

展示和Unity无明显区别，多个自定义功能，可快速打开日志里的超链接，图片，或者定位节点。（其实Unity借助插件也可以做到）

支持输出以下内容：

根据 URL 跳转链接
根据 URL 显示图片
根据 URL 或 UUID 定位到 Asset 资源
根据 UUID 定位到 Node 节点
根据磁盘文件路径 path 定位到脚本文件
输出对应语言的文案示例（代码中就要那么写-link是外部跳转链接，Image是显示图片，Asset是定位到资源，node是定位到节点，i18n是多语言翻译）：

console.log('Open {link[the help doc url](https://docs.cocos.com/creator/manual/en/editor/console/)}');
console.log('Locate {link[ the file in library](D:/cocos-creator/a/library/36/36b55a90-1547-4695-8105-abd89f8a0e5f.js)}');
console.log('Locate Node UUID {node(f6zHdGKiZDhqbDizUsp8mK)}');
console.warn('Locate Asset UUID {asset(17185449-5194-4d6c-83dc-1e785375acdb)}');
console.error('Locate Asset URL {asset(db://assets/animation.anim)}');
console.log('The URL is {asset[{asset(db://assets/animation.anim)}](db://assets/animation.anim)}');
console.log('Show image {image(https://forum.cocos.org/images/logo.png)}');
console.log('Translate: {i18n(console.description)}');

😜偏好设置

数值默认步长：用于设置属性检查器中通过步进按钮调整数值属性时的步长幅度。默认步长为 0.001。

引擎管理器

使用内置 TypeScript 引擎：是否使用 Cocos Creator 安装路径下自带的 engine 路径作为 TypeScript 引擎路径。这个引擎用于编辑器里场景的渲染、内置组件的声明（也就是使用代码编辑器，如 VSCode 时的智能提示），以及场景在 Web 环境下的预览。
自定义 TypeScript 引擎路径：除了使用自带的 engine，也可以前往 engine 仓库（GitHub | Gitee）克隆或 fork 一份引擎到本地的任意位置进行定制，然后取消勾选使用内置 TypeScript 引擎，并将自定义 TypeScript 引擎路径指定为定制好的引擎路径，就可以在编辑器中使用这份定制后的引擎了。
使用内置原生引擎：是否使用 Cocos Creator 安装路径下自带的 cocos2d-x 路径作为原生引擎路径。这个引擎用于构建发布时所有原生平台（iOS、 Android、Mac、Windows）的工程构建和编译。
自定义原生引擎路径：取消上一项使用内置原生引擎的选择后，就可以手动指定原生引擎路径了。注意这里使用的原生引擎必须从 engine-native（GitHub | Gitee）或该仓库的 fork 下载。

👉其他

📢作者：小空和小芝中的小空

📢转载说明-务必注明来源：芝麻粒儿的个人主页 - 专栏 - 掘金 (juejin.cn)

📢欢迎点赞👍收藏🌟留言📝