Qt Quick 애플리케이션 미리 보기

코드 편집기에서 Qt Quick 애플리케이션 및 개별 QML 파일을 미리 볼 수 있습니다. 코드를 수정하면 변경 내용이 미리 보기 화면에 즉시 반영됩니다.

Qt Quick 애플리케이션 미리 보기.

전체 애플리케이션 미리 보기

Qt Quick 애플리케이션을 실행하고 미리 보기하려면:

1. 애플리케이션을 실행하려면:
   • 편집기 도구 모음에서 ‘ ’를 선택합니다.
   • Command Palette 로 이동하여 ‘ Qt: Preview changes to QML code live in your application ’를 선택합니다.
2. 실행 대상으로 애플리케이션 실행 파일을 선택합니다.

빌드 디렉터리가 작업 영역 외부에 있는 경우, ‘ Qt: Open Qt Extension settings ’ > Qt Qml Configuration 를 선택하여 ‘ Preview: Additional Build Dirs ’에서 해당 경로를 설정하십시오. 이렇게 하면 QML 미리 보기 중에 Qt Extension for VS Code가 QRC 파일을 찾을 위치를 알 수 있습니다.

명령 팔레트에서 애플리케이션을 시작할 때 명령줄 인수를 전달하려면, ‘ Qt: Open Qt Extension settings ’ > Qt Qml Configuration > Preview: Args 에서 설정하십시오.

단일 파일 미리 보기

단일 QML 파일을 미리 보려면:

• 에디터 도구 모음에서 ‘ ’를 선택합니다.
• Command Palette 로 이동하여 ‘ Qt: Preview current QML file live ’를 선택합니다.

실시간 미리보기를 위해 실행 중인 애플리케이션에 연결

실시간 미리 보기를 위해 실행 중인 Qt Quick 애플리케이션에 연결하려면:

1. Terminal 에서 다음 인수를 사용하여 애플리케이션을 시작합니다:

   <your_executable_path> -qmljsdebugger=host:<IP_address>,port:<port_number>,block,services:QmlPreview,DebugTranslation

   여기서 IP_address는 애플리케이션이 실행 중인 호스트의 IP 주소이고, port_number는 디버깅 포트입니다.

2. Command Palette 로 이동하여 ‘ Qt: Attach to a running QML application for live preview ’를 선택합니다.
3. 애플리케이션이 실행 중인 IP 주소를 입력하십시오.
4. 애플리케이션이 실행 중인 포트 번호를 입력합니다.

미리 보기 중지

Qt Quick 애플리케이션 또는 QML 파일의 미리 보기를 중지하려면:

• 미리 보기 창을 닫습니다.
• 에디터 도구 모음에서 ' '을 선택합니다.
• Command Palette 로 이동하여 ‘ Qt: Stop QML Preview ’를 선택합니다.

미리보기 창 다시 불러오기

미리보기 창을 다시 로드하려면 ‘ Command Palette ’로 이동한 후 ‘ Qt: Reload QML Preview ’를 선택하십시오.