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 に設定します。これにより、Qt Extension for VS Code は、QML プレビュー中に 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 ファイルのプレビューを停止するには：

• プレビューウィンドウを閉じます。
• エディタツールバーの を選択します。