CocosCreator3.8笔记 VSCode配置

468 阅读1分钟

(1)配置Files:Exclude模块 1)调出Setting面板,输入“Exclude”,找到Files:Exclude模块 image.png

image.png

2)点击Add Pattern,输入要屏蔽的项目


**/*.meta   
**/build   
**/library   
**/temp   

(2)安装curl
安装地址:www.confusedbycode.com/curl/
作用:安装curl后,是可以无需返回到CocosCreator界面也可以进行编译。

image.png

(3)添加VS Code编译任务

image.png
操作后,工程根目录下的.vscode目录会生成task.json文件,代码如下:

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Cocos Creator compile",
            "command": "curl",
            "args": [
                "http://localhost:7456/asset-db/refresh"
            ],
            "type": "shell",
            "isBackground": true,
            "group": "build",
            "presentation": {
                "reveal": "always"
            }
        }
    ]
}

(4)安卓JavaScript Debug(Nightly)扩展插件

image.png

(5)添加 Chrome Debug 配置

image.png 操作后,工程根目录下的.vscode目录会生成lauch.json文件,代码如下:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Cocos Creator Launch Chrome against localhost",
            "url": "http://localhost:7456",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

注意url的值,默认生成的值端口号可能对不上。默认生成的可能是 “http://localhost:8080”,端口号要改成7456。 configurations数组如果出现多个值,要去掉重复的元素。

(6)调试

image.png 下拉菜单出现的文本内容与lauch.json的键值configurations.name是一致的。

参考 [1]blog.csdn.net/lizhong2008… [2]docs.cocos.com/creator/2.4…