ScenarioEditor

Редактор сценария

Редактор сценария Uurage - это компонент веб -приложения для редактирования сценариев связи.

Предварительные условия

Стек сервера, который включает PHP> = 7.4.

Для онлайн -использования должен сделать любой небольшой пакет веб -хостинга; Среда Linux более распространена и лучше поддерживается, чем серверы Windows. Для автономного локального использования в Windows Xampp является разумным вариантом.

Установка

Поместите все файлы в каталог и установите public подкаталог в качестве корня Web ( DocumentRoot в Apache). Если вы не можете изменить root Web, но у вас есть доступ к записи к каталогу, который содержит веб -корень, вы можете разместить все файлы и переместить содержимое public в веб -корень.

Конфигурация

Создайте файл конфигурации XML на основе языка конфигурации с помощью пространства имен http://uurage.github.io/scenarioeditor/config/namespace и поместите его в каталог public/editor с файлом config.xml . Учебное пособие также доступно.

Разработка

Пакет NPM

Цель пакета NPM - управление зависимостями разработки. Мы используем технологии, которые включают в себя строительные (преобразовательные) файлы (см. Ниже). Пакет NPM позволяет создавать все сразу и создавать файлы, которые изменились с момента последней сборки каждый раз, когда вы сохраняете файл.

Настраивать

Установите node.js и выполните следующие команды для установки зависимостей разработки:

 npm install -g gulp-cli
npm install

Использование командной строки

Чтобы построить, запустите gulp build . Чтобы построить и следить за изменениями файлов, запустите gulp .

Visual Studio Code

Редактор сценария имеет задачу кода Visual Studio для выполнения Gulp. После установки зависимостей эта задача может быть выполнена с помощью Ctrl+Shift+B в окне редактирования кода.

Набережный

Редактор сценариев использует коллекцию SASS -файлов для его стиля. Есть несколько способов компилировать SASS в CSS.

Использование node.js

См. «Пакет NPM» выше. Забегайте gulp sass , чтобы компилировать один раз.

Использование компилятора Sass

При компиляции с использованием стандартного компилятора SASS вам необходимо наблюдать, как папка public/editor/sass для компиляции для public/editor/css .

Живая нагрузка

Вы можете пережить переоценивать изменения в своих таблицах стилей в вашем браузере, используя gulp stream , который использует Browsersync и использует localhost в качестве имени хоста прокси.