创建脚本

创建组件脚本

在 Cocos Creator 中，脚本也是资源的一部分。在资源管理器中创建的脚本，默认是一个 NewComponent 组件，我们称之为组件脚本。可通过以下两种方式创建：

资源管理器面板空白位置或某个文件夹资源下右击菜单，选择 Create > TypeScript > NewComponent。
资源管理器左上角的 + 按钮，点击后选择 TypeScript > NewComponent。

在创建脚本时，名称不能为空，输入框默认为 NewComponent。我们将其修改为 say-hello，可以看到在资源管理器中生成了一个名为 say-hello 的脚本文件。

新建后的初始脚本代码如下:

ts

import { _decorator, Component, Node } from "cc";
const { ccclass, property } = _decorator;

@ccclass("say_hello")
export class say_hello extends Component {
  start() {}

  update(deltaTime: number) {}
}

注意

项目中所有脚本的类名 ClassName （如上例中的 'say_hello'）不允许重复，即使脚本文件在不同的目录下，各自的代码里也不允许有相同的类名。
脚本文件名称和脚本的类名不同，在输入初始的文件名之后，文件名会被处理为类名，处理的逻辑详见下文类名的生成。脚本文件生成后，对文件的后续操作脚本重命名，新的文件名不会再去生成并替换代码里的类名，不再影响了。
我们推荐用户使用 TypeScript 来编写脚本，目前资源管理器中仅支持创建 TypeScript 文件。但如果用户想要使用 JavaScript 来编写脚本的话，可以直接在操作系统的文件夹中创建 JavaScript 文件，或在其他代码编辑软件中创建 JavaScript 文件。

类的生成

在获得初始文件名数据后，会生成两种规则的类名 ClassName，并以变量的方式提供给脚本模板

下划线格式，变量名为 <%UnderscoreCaseClassName%>。这种格式是为了保持类名尽可能地与文件名一致，保持一致的好处是有利于代码全局搜索和替换。
驼峰格式，变量名为 <%CamelCaseClassName%>。这种格式是为了保持与主流的脚本标准一致，首字母大写的驼峰格式。

添加脚本到场景节点中

将脚本添加到场景节点中，实际上就是为这个节点添加一个脚本组件。在层级管理器选中某个节点，此时属性检查器面板会显示该节点的属性。以下两种添加方式：

直接将资源管理器中的脚本拖拽当前节点的到属性检查器中，即为挂载了一个组件。(最常用)
点击属性检查器最下方的添加组件按钮，选择自定义脚本 -> say_hello，即为挂载组件。