Для начала работы с Diagram вам нужно сделать следующее:
Вам необходимо подключить 4 следующих файла:
<html>
<head>
<!-- Webix Library -->
<script src="codebase/webix.js" type="text/javascript"></script>
<link rel="stylesheet" href="codebase/webix.css" type="text/css">
<!-- Diagram -->
<script type="text/javascript" src="codebase/diagram.js"></script>
<link rel="stylesheet" href="codebase/diagram.css" type="text/css">
</head>
</html>
В следующей главе вы узнаете как инициализировать и настроить виджет Diagram.
Вы можете загрузить виджет Diagram и запустить его примеры локально. Для этого перейдите в корневую директорию и откройте папку с примерами. Найдите нужные файлы и откройте их с помощью двойного клика левой кнопкой мыши. Каждый пример будет открыт в новой вкладке браузера.
Как запустить примеры на локальном сервере
Вы можете запустить примеры на локальном сервере (например Apache). Для этого нужно установить папку Diagram в качестве корневой директории на локальном сервере и запустить его. В большинстве случаев, локальный сервер работает на localhost.
Как запустить примеры на dev сервере
Если вы хотите немного изменить примеры и сразу увидеть соответствующий результат в браузере, необходимо запустить их на dev сервере. Для этого нужно открыть корневую директорию Diagram в терминале, установить соответствующие зависимости и запустить сервер:
// переходим в корневую директорию
cd diagram
// устанавливаем зависимости
yarn install //или npm install
// запускаем сервер разработки
yarn server //или npm run server