一、安装Cocos 编辑器

（1）、下载Cocos Dashboard安装文件

Cocos 官方网站Cocos Dashboard下载地址 ：

https://www.cocos.com/creator-download9

下载完成后会得到CocosDashboard-v2.0.1-win-082215.exe 安装文件，双击安装即可。

安装完成后，启动 CocosDashboard ，并登录。

(2)、安装编辑器

切换到安装界面，再点击右上角“安装编辑器”按钮，如图：

选择需要安装的版本：

直接点击“安装”按钮，直到安装完成即可。

二、配置编辑器语言为中文

打开cocos编辑器 ，依次点击 file ->preferences->general->language->切换为中文。

如图：

三、安装配置代码编辑环境

Cocos 编辑器偏好设置面板可以设置脚本编辑器，配置完成后，可以在资源管理器中双击脚本文件打开代码编辑器快速编辑代码。

这里我们以配置 Visual Studio Code 作为代码编辑器，下载地址：

https://code.visualstudio.com/

Visual Studio Code（以下简称 VS Code）是微软推出的轻量化跨平台 IDE，支持 Windows、Mac、Linux 平台，安装和配置非常简单。使用 VS Code 管理和编辑项目脚本代码，可以轻松实现语法高亮、智能代码提示、网页调试等功能。

（1）、安装 VS Code

前往 VS Code 的 官方网站，点击首页的下载链接即可下载。

Windows 用户下载后运行 VSCodeUserSetup.exe 按提示完成安装即可运行。

（2）、配置默认脚本编辑器

打开cocos编辑器 ，依次点击 文件 ->偏好设置->程序管理器->默认脚本编辑器。

将 VS Code 安装路径配置 到 默认脚本编辑器栏，如图：

配置完成，我们可以测试一下：

在cocos编辑器资源器下，选择一个创建好的script脚本，双击打开。

如果配置正确，会使用 VS Code 打开脚本文件：

四、启用智能提示

Cocos Creator 3.8 在创建项目后，根目录中会有一个 tsconfig.json 文件，里面配置了代码提示用的目录文件路径。

用 VS Code 打开项目根目录编写代码时便会自动提示 Cocos Creator 引擎 API。

启用方法：

启动 VS Code 后选择主菜单的 File -> Open Folder，在弹出的对话框中选择项目根目录。

当我们新建脚本，或者打开原有的脚本进行编辑时，就会有语法提示。

如图：