ScenarioEditor

方案編輯器

UARAGE方案編輯器是用於編輯通信方案的Web應用程序組件。

先決條件

包括PHP> = 7.4的服務器堆棧。

對於在線使用，任何小型網絡託管套件都應做； Linux環境比Windows服務器更普遍，並且支持更好。對於離線，Windows上的本地用途，XAMPP是一個合理的選擇。

安裝

將所有文件放在目錄中，然後將public子目錄設置為Web根（Apache中的DocumentRoot ）。如果您無法更改Web根，但是您對包含Web根的目錄的寫入訪問權限，則可以將所有文件放在那裡，並將public內容移至Web根部。

配置

使用命名空間http://uurage.github.io/scenarioeditor/config/namespace創建一個基於配置語言的配置XML文件，並使用FILENAME config.xml將其放入public/editor目錄中。還提供教程。

發展

NPM軟件包

NPM軟件包的目的是管理開發依賴性。我們使用涉及構建（轉換）文件的技術（見下文）。 NPM軟件包允許您一次構建所有內容，並構建自每次保存文件時上次構建以來已更改的文件。

設定

安裝node.js並執行以下命令以安裝開發依賴項：

 npm install -g gulp-cli
npm install

命令行的用法

要構建，請運行gulp build 。要構建和注意文件更改，請運行gulp 。

Visual Studio代碼

場景編輯器具有用於執行Gulp的Visual Studio代碼任務。安裝依賴項後，可以在代碼編輯窗口中使用Ctrl+Shift+B執行此任務。

Sass

場景編輯器使用SASS文件的集合來進行樣式。有幾種將Sass編譯到CSS的方法。

使用node.js

請參閱上面的“ NPM軟件包”。運行gulp sass進行一次編譯。

使用SASS編譯器

使用標準SASS編譯器編譯時，您需要觀看文件夾public/editor/sass以編譯為public/editor/css 。

現場錄音

您可以通過運行gulp stream （使用browsersync並使用localhost作為代理主機名），通過運行Gulp流來實時填充樣式表的更改。