ScenarioEditor
Scenario Editor 7.7.1
Uurageシナリオエディターは、通信シナリオを編集するためのWebアプリケーションコンポーネントです。
php> = 7.4を含むサーバースタック。
オンラインで使用するには、小さなWebホスティングパッケージを実行する必要があります。 Linux環境は、Windowsサーバーよりも一般的でサポートされています。オフラインで、Windowsでのローカル使用の場合、XAMPPは妥当なオプションです。
すべてのファイルをディレクトリに配置し、 publicディレクトリをWebルート（ApacheのDocumentRoot ）として設定します。 Webルートを変更できないが、Webルートを含むディレクトリへの書き込みアクセスがある場合は、そこにすべてのファイルを配置して、 publicのコンテンツをWebルートに移動できます。
名前空間を使用して構成言語に基づいて構成XMLファイルを作成しますhttp://uurage.github.io/scenarioeditor/config/namespaceを作成し、Filename config.xmlを使用してpublic/editorディレクトリに配置します。チュートリアルも利用できます。
NPMパッケージの目的は、開発依存関係を管理することです。ファイルの構築（変換）を含むテクノロジーを使用します（以下を参照）。 NPMパッケージを使用すると、すべてを一度に構築し、ファイルを保存するたびに最後のビルド以降に変更されたファイルを構築できます。
node.jsをインストールし、次のコマンドを実行して開発依存関係をインストールします。
npm install -g gulp-cli
npm install
構築するには、 gulp buildを実行します。ファイルの変更を構築して監視するには、 gulpを実行します。
シナリオエディターには、Gulpを実行するためのビジュアルスタジオコードタスクがあります。依存関係をインストールした後、このタスクは、コード編集ウィンドウでCtrl+Shift+Bで実行できます。
シナリオエディターは、スタイリングにSASSファイルのコレクションを使用しています。 SASSをCSSにコンパイルする方法はいくつかあります。
上記の「NPMパッケージ」を参照してください。 gulp sassを実行して一度コンパイルします。
標準のSASSコンパイラを使用してコンパイルするときは、 public/editor/cssにコンパイルするために、フォルダーpublic/editor/sassを視聴する必要があります。
BrowserSyncを使用し、Proxy Hostnameとしてlocalhost使用するgulp streamを実行することにより、ブラウザのStyleSheetsの変更をライブリロードできます。
