让开发效率飙升的 Cocos Creator 使用小技巧，你一定用得上！

一个优秀的开发工作流能大大提高开发效率，加速作业流程。本文将基于 Cocos Creator 3.3.1 分享一些有意思的开发小技巧，希望能帮助开发者们优化自己的开发工作流，更快更好地用 Cocos Creator 做出自己满意的产品。

本次内容的视频版教程将陆续发布至官方 B 站，点击文末【阅读原文】关注 Cocos 引擎官方、观看视频教程，大家可以文字+视频结合着学习哦！

章节目录

PART 1. 编辑器使用

PART 2. 代码编写

PART 3. Visual Studio Code 使用

PART 4. 实用插件

PART 1

编辑器使用

相信大家对 Cocos Creator 编辑器都已经有了一定的了解，但你知道编辑器还有这些「隐藏小技巧」吗↓

视图切换

当 场景编辑器 为 3D 视图 时，与原先的 2D 视图相比有了不小的变化，但是 3D 视图下也提供了快捷键，可以帮助开发者快速移动和定位场景编辑器的视图：

• 鼠标左键 + Alt：以视图中心点为中心旋转。

• 鼠标右键 + QEWASD：摄像机漫游。Shift + 鼠标右键 + QEWASD：摄像机加速漫游。

克隆节点

你是否还在用 Ctrl + C、Ctrl + V 克隆节点？Creator 提供了更为简洁的快捷键 Ctrl + D，能更快速方便地克隆节点。

如果需要克隆节点到另一个节点的子节点中，按下 Ctrl + 拖动节点 即可实现。

快捷键管理器

快捷键管理器是管理编辑器快捷键的的面板。开发者可以通过主菜单的 Cocos Creator -> 快捷键 打开该面板。

我们可以将任意键位或键位组合绑定到 Cocos Creator 编辑器中，例如将打开 构建面板 的快捷键由 Shift+Ctrl+B 变更为 B 键，即可通过按下 B 键打开 构建面板。

如果在该面板上出现了键位冲突，快捷键管理器则会显示出带有冲突序号的红色圆点。

对齐/平均分布节点

当 场景编辑器 为 2D 视图 时，左上角有一排按钮可以用来在选中多个节点时将这些节点对齐或者平均分布。具体的规则如下：

假设三个 Label 节点都已经选中，从左到右的 6 个对齐按钮会依次将这些节点：

• 顶部对齐，按照最靠近上方的节点约束框边界对齐

• 垂直居中对齐，按照整体的水平中线对齐

• 底部对齐，按照最靠近下方的边界对齐

• 左对齐，按照最靠近左边的边界对齐

• 水平居中对齐，按照整体的垂直中线对齐

• 右对齐，按照最靠近右边的边界对齐

后半部分从左到右的 6 个分布按钮会依次将这些节点：

• 顶部分布，按照节点的上边界平均分布

  <