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流来实时填充样式表的更改。