Hello World 项目

在 Cocos Dashboard 的项目选项卡中，点击右下角的新建按钮，进入 新建项目 页面。选择 empty 项目模板，设置好项目名称和项目路径

然后点击右下方的 创建并打开 按钮，就会自动以空项目模板创建项目并打开：

资源管理器：显示了项目资源文件夹（）中的所有资源。
场景编辑器：用于展示和编辑场景中可视内容的工作区域。
层级管理器：用树状列表的形式展示场景中的所有节点和它们的层级关系，所有在 场景编辑器 中看到的内容都可以在 层级管理器 中找到对应的节点条目
属性检查器：用于查看并编辑当前选中节点及其组件属性的工作区域
资源预览：在 资源管理器 中选中资源，即可在 资源预览 面板中显示资源的缩略图。若选中资源所在的文件夹，即可显示文件夹下所有资源的缩略图，方便查看。
控制台：用于显示报错、警告或其他 Cocos Creator 编辑器和引擎生成的日志信息。

关于编辑器各个面板，具体的内容请参考编辑器面板。

新建场景

在左下方的 资源管理器 面板中点击鼠标右键，选择 创建 -> Scene。

或者也可以直接点击左上角的 + 按钮，然后选择 Scene，即可在 资源管理器 的目录下新建一个场景：

在左上方的 层级管理器 面板中点击鼠标右键, 选择 创建 -> 3D 对象 -> Cube 立方体。或者也可以直接点击左上角的 + 按钮，然后选择 3D 对象 -> Cube 立方体。

新建脚本

在 资源管理器 面板中点击鼠标右键，选择 创建 -> TypeScript，然后命名为 “HelloWorld”，即可在 资源管理器 的目录下新建一个脚本。
添加代码

双击新建的脚本，脚本会自动在脚本编辑器中打开，前提是需要在编辑器菜单栏的 Cocos Creator -> 偏好设置 -> 外部程序 -> 默认脚本编辑器 中指定好使用的脚本编辑器。

然后在脚本中添加函数，函数会在组件第一次激活时调用，并输出 “Hello world”。
绑定脚本

在 层级管理器 中选中创建的 Cube 节点，然后在 属性检查器 面板最下方点击 添加组件 -> 自定义脚本 -> HelloWorld，即可将脚本挂载到 Cube 节点上。或者也可以直接将脚本拖拽到 属性检查器 面板。

以使用 浏览器 预览为例，Cocos Creator 会使用您的默认浏览器运行当前游戏场景，效果如下图所示：

可以看到在浏览器的开发者工具中的日志信息中输出了 “Hello World”。

在预览中我们可以看到立方体似乎有点太小了，这时便可以通过调整场景中的 Camera 来调整场景运行时显示的区域，Camera 代表的是游戏中的玩家视角。