El editor de escenarios de UURAGE es un componente de aplicación web para editar escenarios de comunicación.
Una pila de servidor que incluye php> = 7.4.
Para uso en línea, cualquier paquete de alojamiento web pequeño debe hacer; Los entornos de Linux son más comunes y mejor compatibles que los servidores de Windows. Para fuera de línea, el uso local en Windows, XAMPP es una opción razonable.
Coloque todos los archivos en un directorio y establezca el subdirectorio public como la raíz web ( DocumentRoot en Apache). Si no puede cambiar la raíz web, pero tiene acceso de escritura al directorio que contiene la raíz web, puede colocar todos los archivos allí y mover el contenido del public a la raíz web.
Cree un archivo XML de configuración basado en el lenguaje de configuración con el espacio de nombres http://uurage.github.io/scenarioeditor/config/namespace y colóquelo en el directorio public/editor con el nombre de archivo config.xml . También hay un tutorial disponible.
El propósito del paquete NPM es administrar las dependencias de desarrollo. Utilizamos tecnologías que involucran archivos de construcción (transformación) (ver más abajo). El paquete NPM le permite construir todo a la vez y construir archivos que hayan cambiado desde la última compilación cada vez que guarde un archivo.
Instale node.js y ejecute los siguientes comandos para instalar las dependencias de desarrollo:
npm install -g gulp-cli
npm install
Para construir, ejecute gulp build . Para construir y observar los cambios de archivo, ejecute gulp .
El editor de escenarios tiene una tarea de código de estudio de Visual para ejecutar Gulp. Después de instalar las dependencias, esta tarea se puede ejecutar con Ctrl+Shift+B en la ventana de edición de código.
El editor de escenarios utiliza una colección de archivos SASS para su estilo. Hay varias formas de compilar SASS a CSS.
Vea el "Paquete NPM" arriba. Ejecute gulp sass para compilar una vez.
Al compilar el uso del compilador SASS estándar, debe ver la carpeta public/editor/sass para compilarlo en public/editor/css .
Puede volver a cargar en vivo los cambios en sus hojas de estilo en su navegador ejecutando gulp stream , que usa navegadorsync y usa localhost como nombre de host proxy.