概観
例として高速アプリケーションアライアンスIDE（macOSバージョン）を取り上げ、HUIコンポーネントライブラリをサポートする高速アプリケーションの実際の戦闘プロジェクトを構築し、実際のマシンでデバッグおよび実行する方法を示します。
1.プロジェクトを作成するフォルダに移動します
プロジェクトを「/Users/mac.manon/workspace/QuickAppProjects」ディレクトリに配置するとします（必要に応じてディレクトリを選択し、それに応じて次のコマンドでディレクトリパスを調整してください）。
macOSオープンターミナルツール（Windowsではcmdコマンドを使用）：
cd /Users/mac.manon/workspace/QuickAppProjects
2.高速アプリケーションプロジェクトを初期化する
git clone https://github.com/H-UI-quickapp/H-UI.git

必要に応じて、フォルダーの名前をプロジェクト名に変更します。プロジェクトに「hui.mobi.sns」という名前を付けたいとします。

このフォルダを入力します（実際のディレクトリパスに応じて、次のコマンドでパスを調整します）。
cd /Users/mac.manon/workspace/QuickAppProjects/hui.mobi.sns
プロジェクトのgitバージョン管理情報をクリアする
find . -name ".git" | xargs rm -rf

これで、新しいプロジェクトhui.mobi.snsをgit管理に追加できます。
3. Quick App Alliance IDEを使用してプロジェクトを開きます
1>。package.jsonとpackage-lock.jsonの名前を「hui.mobi.sns」に変更します。
2>。manifest.jsonパッケージを「hui.mobi.sns」に変更し、名前（アプリケーション名）を「Quick Application Technology Circle」に変更します。
3>。この時点で、IDEの右側にあるローカルプレビューインターフェースは、秘密鍵ファイルが見つからないことを示すプロンプトを表示し、[Hap]> [Generate Certificate]メニューを選択します。

デバッグを選択

プロンプトに従って署名を作成します。

4>。このとき、IDEの右側にあるローカルプレビューインターフェースでコンパイルエラーが表示され、右下隅に次のプロンプトが表示される場合があります。

4>。「すべての依存関係をインストール」をクリックし、しばらく待ってください。「node_modules」ディレクトリがプロジェクトディレクトリに追加され、デフォルトのウェルカムページインターフェースがIDEの右側のローカルプレビューに表示され、関連する基本的な依存関係がインストールされたことを示します（以前のコンパイルエラーの赤いプロンプトインターフェイスが消えました）：

5>。携帯電話とコンピューターをデータケーブルで接続し、USBデバッグモードをオンにします（そうでない場合は、前の記事「高速アプリケーション開発環境のインストール、最初の高速アプリケーションの構築Hello World-H5 / Applet / Vueフロントエンド開発者を参照してください。 "）を読み、アライアンスIDEのターミナルにコマンドを入力します：npm run server

6>。IDEの左下隅にある[実行]デバッグボタンをクリックします。

7>。この時点で、携帯電話のクイックアプリケーションデバッガーがトリガーされ、USBデバッグが開始され、[オンライン更新]ボタンをクリックします。

新しいプロジェクトが実際の電話で実行されています。

この時点で、独自のHUIコンポーネントライブラリをサポートするプロジェクトが実行されています。このデモプロジェクトのソースコードは、参照用に公開されています。
Githubソースコード：https :
//github.com/H-UI-quickapp/hui.mobi.sns