소개

Visual Studio Code(VS Code)를 사용하여 Apache Flex 데스크톱 앱을 디버깅합니다.

VS Code의 디버깅 이미지

시도한 환경/버전

VS Code 1.50.1

Windows 10

Apache Flex 4.16.1

Adobe AIR 32.0.0.116

사전 준비

다음을 실시하는 것

Apache Flex로 HelloWorld 앱을 만들고 배포할 수 있도록 패키징할 때까지 (AIR for Desktop)

VS Code에 다음 확장 프로그램을 설치했음

ActionScript & MXML

Debugger for SWF

앱 디버깅

asconfig.json 만들기

asconfig.json

{
    "config": "air",
    "compilerOptions": {
        "output": "Main.swf",
        "debug": true
    },
    "application": "application.xml",
    "files": [
        "Main.mxml"
    ]
}

.vscode\launch.json 만들기

vscode\launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "swf",
      "request": "launch",
      "name": "Launch SWF"
    }
  ]
}

디버깅

VS Code에서 Main.mxml 등이 있는 폴더 열기

Ctrl+Shift+Enter를 누르십시오.

Quick Compile로 컴파일하고 앱이 디버깅으로 시작됨

※VS Code의 키보드 단축키의 설정으로, Ctrl+Shift+Enter를 다른 키로 변경하면 편할지도 모릅니다. (개인적으로는 F6로 변경하고 있습니다)

보충: Quick Compile 정보

ActionScript & MXML의 확장 기능에 의한 기능입니다.
컴파일에 관한 정보를 VS Code의 메모리에 유지하는 것으로, 2회째 이후의 컴파일을 평소보다 빨리 실시하기 위한 기능인 것 같습니다.
2배 정도 빨라지고 있는 것 같아요.

우선 이번에는 여기까지