EgretWing 링크 WeChat 개발 도구 디버깅 문제에 대한 자세한 설명

高洛峰
풀어 주다: 2018-05-10 17:01:39
원래의
5918명이 탐색했습니다.

EgretWing 링크 WeChat 개발 도구 디버깅 문제

EgretWing 컴파일러는 Node.js, Chrome 및 EgretWing 확장 개발의 세 가지 디버깅 모드를 지원합니다.

개발 과정에서 도구 구성 오류가 발생할 수 있습니다.

이를 위해서는 EgretWing의 launch.json 구성 파일에서 도구 경로를 재구성해야 합니다.

  • Egret 프로젝트 생성 debugTest [Egret 2D 프로젝트 마법사]

EgretWing 링크 WeChat 개발 도구 디버깅 문제에 대한 자세한 설명

프로젝트는 .wing에서 생성됩니다. 폴더의 Launch.json은 디버그 정보를 구성합니다.

위 그림과 같이:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Wing 内置播放器调试",
            "type": "chrome",
            "request": "launch",
            "file": "index.html",
            "runtimeExecutable": "${execPath}",
            "useBuildInServer": true,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "preLaunchTask":"build",
            "port":5610
        },
        {
            "name": "使用本机 Chrome 调试",
            "type": "chrome",
            "request": "launch",
            "file": "index.html",
            "runtimeExecutable": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
            "useBuildInServer": true,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
            "preLaunchTask":"build",
            "port":5610
        },
        {
            "name": "附加到 Chrome 进程",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "webRoot": "${workspaceRoot}"
        }
    ]}
로그인 후 복사

아래 그림과 같이 디버그하려면 클릭하세요.

EgretWing 링크 WeChat 개발 도구 디버깅 문제에 대한 자세한 설명

  • launch.json 소개

    • name 구성 이름. 시작 구성의 드롭다운 목록에 표시됩니다. Wing 내장 플레이어 디버깅, 기본 Chrome을 사용한 디버깅, Chrome 프로세스에 연결.

    • EgretWing 구성 유형, 크롬, 노드, 확장 호스트를 입력합니다.

    • request 구성된 요청 유형입니다. 유효한 값은 "launch" 또는 "attach"입니다.

    • file 디버그 항목 파일, 브라우저에서 열리는 html 파일입니다.

    • runtimeExecutable 실행 파일의 절대 경로입니다. 기본값은 PATH의 런타임 실행 파일입니다. C:Program Files (x86)GoogleChromeApplicationchrome.exe 또는 /Applications/Google Chrome.app/Contents/MacOS/Google Chrome과 같은 Chrome 설치 경로로 변경합니다.

    • useBuildInServer true인 경우 EgretWing은 내장 웹 서버를 시작합니다.

    • sourceMaps JavaScript 소스 맵 사용 여부(있는 경우).

    • webRoot 웹 서비스의 루트 디렉터리입니다.

    • preLaunchTask 작업을 실행하기 전에 실행되는 작업입니다.

    • port 웹 서버에서 지정한 포트 번호입니다.

  • 작동 시연은 다음과 같습니다.

EgretWing 링크 WeChat 개발 도구 디버깅 문제에 대한 자세한 설명

위 내용은 EgretWing 링크 WeChat 개발 도구 디버깅 문제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿