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 파일 미리 보기를 중지하려면 다음과 같이 하세요:

• 미리 보기 창을 닫습니다.
• 편집기 도구 모음에서 을 선택합니다.