cocos creator配置VS Code

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

2.(Mac)打开 Cocos Creator的偏好设置，选择数据编辑，外部脚本编辑器选择VS Code保存设置。

偏好设置.png

3.安装 Cocos Creator API 适配插件

在 Cocos Creator 中新建或打开项目，然后选择主菜单里的 开发者 -> VS Code 工作流 -> 安装 VS Code 扩展插件。
该操作会将 Cocos Creator API 适配插件安装到 VS Code 全局的插件文件夹中，一般在用户 Home 文件夹中的 .vscode/extensions 目录下。这个操作只需要执行一次，如果 API 适配插件更新了，则需要再次运行来更新插件。
安装成功后在 控制台 会显示绿色的提示：VS Code extension installed to ...。这个插件的主要功能是为 VS Code 编辑状态下注入符合 Cocos Creator 组件脚本使用习惯的语法提示。

4.在项目中生成智能提示数据

如果希望在代码编写过程中自动提示 Cocos Creator 引擎 API，需要通过菜单生成 API 智能提示数据并自动放进项目路径下。
选择主菜单的 开发者 -> VS Code 工作流 -> 更新 VS Code 智能提示数据。该操作会将根据引擎 API 生成的 creator.d.ts 数据文件复制到项目根目录下（注意是在 assets 目录外面），操作成功时会在 控制台 显示绿色提示：API data generated and copied to ...。
对于每个不同的项目都需要运行一次这个命令，如果 Cocos Creator 版本更新了，也需要打开您的项目重新运行一次这个命令，来同步最新引擎的 API 数据。

命令执行成功.png

5.设置文件显示和搜索过滤

在 VS Code 的主菜单中选择 文件（Windows）／Code（Mac）-> 首选项 -> 设置，打开用户配置文件 USER SETTINGS ：

设置过滤.png

在配置文件中加入以下内容：

{
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "build/": true,
        "temp/": true,
        "library/": true,
        "**/*.anim": true
    },
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.meta": true,
        "library/": true,
        "local/": true,
        "temp/": true
    }
}

保存即可看到VS Code中 .meta 文件均被隐藏。

6.设置文件修改后自动保存

1秒后自动保存.png