Egret之Visual Studio Code环境配置

news/2024/7/2 22:49:27 标签: 开发工具, json

一 : 为VSC安装插件 , 一共为2个

1' 是Chrome插件 , 2' Egret插件
具体步骤
①:
Egret之Visual Studio Code环境配置
②:
Egret之Visual Studio Code环境配置
③:
Egret之Visual Studio Code环境配置

二 : 配置 launch.json / tasks.json

1' 按 F5 选择 Chrome , 可以生成 launch.json
Egret之Visual Studio Code环境配置

2' 配置launch.json
①,加入配置:

        {
            "name": "使用本机 Chrome 调试",
            "type": "chrome",
            "request": "launch",
            // "file": "index.html",
            "url": "http://10.10.20.120:3000/index.html", //使用外部服务器时,请注释掉 file, 改用 url, 并将 useBuildInServer 设置为 false "http://mysite.com/index.html
            "runtimeExecutable": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", // 改成您的 Chrome 安装路径
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "preLaunchTask":"build",
            "userDataDir":"${tmpdir}",
            "port":5433
        }

如下图:
Egret之Visual Studio Code环境配置

3' 配置tasks.json
原始文件:
Egret之Visual Studio Code环境配置

换成如下文件:

{
    "version": "0.1.0",
    "command": "egret",
    "isShellCommand": true,
    "tasks": [
        {
            "taskName": "build",
            "showOutput": "always",
            "args": [
                "build",
                "-sourcemap"
            ],
            "problemMatcher": "$tsc"
        },
        {
            "taskName": "clean",
            "showOutput": "always",
            "args": [
                "build",
                "-e"
            ],
            "problemMatcher": "$tsc"
        },
        {
            "taskName": "publish",
            "showOutput": "always",
            "args": [
                "publish"
            ],
            "problemMatcher": "$tsc"
        }
    ]
}

结果如下:
Egret之Visual Studio Code环境配置

三 : ctrl +shift + p -> egret StartServer

开始启动游戏吧.........

====================================================================
将ctrl + p , 当前页签不关闭的设置
Egret之Visual Studio Code环境配置

转载于:https://blog.51cto.com/aonaufly/2093999


http://www.niftyadmin.cn/n/1669473.html

相关文章

七个人生工具:SWOT、PDCA、6W2H、SMART、WBS、时间管理、二八原则

为什么80%的码农都做不了架构师?>>> 一、SWOT分析法: Strengths:优势 Weaknesses:劣势 Opportunities:机会 Threats:威胁 意义:帮您清晰地把握全局,分析自己在资源方面的…

oracle安装中出现03111,oracle错误一览.doc

oracle错误一览oracle错误一览ORA-03001: 未执行的特性orA-03002: 未执行的运算符orA-03007: 废弃的特性orA- 03008: 参数 COMPATIBLE > 需要orA-03100: 无法分配通信区域;内存不足orA- 03105: 内部协议错误orA-03106: 致命的双工通信协议错误orA-03107: oranet …

oracle的表备份恢复数据,数据库里面的某一个表怎么备份恢復到别的数据库的表...

什么数据库?Oracle备份:逻辑备份开始运行cmd在命令行窗口输入备份命令—即导出命令导出scott用户模式—这将导出scott用户的所有对象exp scott/tigerfilec:\scott.dmp或者exp system/managerowner(scott) filec:\sys.dmp导出scott用户的dept表和emp表exp…

Android中R类详解

2019独角兽企业重金招聘Python工程师标准>>> R类时基于外部资源生成的类,在编译项目时创建,对于已为其定义至少一个资源的资源类型,R类将对应地包含一个静态子类 如:R.string R 中的每一个子类都把它的相关资源表示为变…

rabbitmq中文教程python版 - 路由

源码:https://github.com/ltoddy/rabbitmq-tutorial 路由 本章节教程重点介绍的内容 在之前的教程中,我们构建了一个简单的日志系统 我们能够将日志消息广播给许多接收者。 在本教程中,我们将添加一个功能 - 我们将只能订阅一部分消息。例如&…

matlab求积分的误差,科学网-MATLAB中的数值积分方法-王福昌的博文

实际应用中在MATLAB里面都有开发好的命令可以使用,如 quad(), quadl(),quad2d(),triplequad() 。需要掌握这些命令的用法。1. 定积分 trapz(),quad(),quadl()trapz() 函数采用复化梯形公式求积分,其使用格式为I trapz(x,y)参数x为自变量,y为…

Node.js中的事件循环(Event Loop),计时器(Timers)以及process.nextTick()

什么是事件循环(Event Loop)? 事件环使得Node.js可以执行非阻塞I/O 操作,只要有可能就将操作卸载到系统内核,尽管JavaScript是单线程的。 由于大多数现代(终端)内核都是多线程的,他们…