SmartUX Studioで新しいAngular Projectを作るには

2754 views

 

このガイドでは、SmartUX Studioを使用して新しいアプリケーションを作成する手順を説明します。

1. Magic xpaで新規プロジェクトを作成する

Magic xpa Studioを開き、新規プロジェクトを作成します。

2. SmartUXエンジンをバックグラウンドで起動する

作成したプロジェクトで、メイン・プログラムを開き、タスク・プロパティを開きます。
[Interface]タブで、[Open task window]を[No]に、[Run project as]を[Web Client]に設定します。
これらの設定により、SmartUXエンジンがバックグラウンドで起動します。

3. SmartUX Studioでプロジェクトを開く

タスクを保存し、プログラムリポジトリのルートに戻ります。
[SmartUX Studioで開く]アイコンをクリックします。

4. プロジェクトのテンプレートの選択

新しいブラウザウィンドウが開き、プロジェクトの作成ダイアログが表示されます。
テンプレートリストから任意のテンプレートを選択します。

5. プロジェクトの作成

作成ボタンをクリックしてください。

6. Magic xpaからプロジェクトをインポートする

Magic xpa Studioに切り替えます。ここで、スタジオは選択したアプリケーションテンプレートのプロジェクトをインポートします。
現在のメインプログラムを上書きする場合はYesを、上書きしない場合はNoをクリックします。

7. アプリケーション作成の進行状況を見る

ブラウザウィンドウに切り替えます。このウィンドウには、新しいアプリケーションの作成状況が表示されます。さまざまなリンクをたどって、特定のステップのログを見ることができます。

すべて表示ボタンをクリックすると、すべてのログ表示に戻ることができます。

アプリケーションが作成されると、OKボタンが有効になります。

[OK]をクリックしてプロセスを完了し、作成されたアプリケーションに移動します。

8. Magicのセクションに移動

次に、[Magic]のセクションに移動する。

11. Welcome・コンポーネント

Welcomeをクリック.

これは新しく作成されたAngularアプリケーションのWelcomeという名前のコンポーネントです。

13. アプリケーション実行のプレビュー

アプリケーションの実行を確認するには、ライブプレビューアイコンをクリックします。

アプリケーションのランタイムは以下のように表示されます。

Share this Article

SmartUX Studioで新しいAngular Projectを作るには

Or copy link

CONTENTS