Frontend сервиса управления световым оборудованием.
- Управление DMX-оборудованием по различным протоколам (сеть, COM-порт)
- Конфигурирование приборов в виде реальных физических устройств
- Низкоуровневое управление DMX-протоколом
- Визуализация состояния через двухсторонний канал событий
- TypeScript: система типов для JavaScript
- Node.js: платформа для запуска приложения
- Vue.js: фреймворк для клиентской части приложения
- Vite: сборка и запуск приложения
- Vuex: стейт-менеджер для Vue
- PrimeVue: библиотека Vue-компонентов
- PrimeFlex: библиотека CSS-компонентов
- NPM:
package.json- основной файл конфигурации проекта - Environment:
src/configs/env.ts- переменные окружения - Vite:
vite.config.ts- параметры сборки и запуска приложения - Backend:
src/configs/api.ts- конфигурация API - SSE:
src/configs/sse.ts- опции канала серверных событий (Server-Sent Events) - WebSocket:
src/configs/websocket.ts- опции канала клиентских событий (WebSockets) - Devtools:
src/configs/devtools.ts- параметры инструментов отладки - Sentry:
src/configs/sentry.ts- настройки инфраструктуры отслеживания ошибок
Сборка и запуск:
npm run build: сборка приложения для боевого окруженияnpm run preview: запуск собранного приложения
Тестирование и анализ:
npm run lint: анализ кода с помощью ESLintnpm run lint:style: анализ стилей с помощью Stylelintnpm run lint:markup: анализ разметки с помощью Vue TSCnpm run lint:types: анализ типов с помощью Vue TSCnpm run check:development: проверка окружения разработкиnpm run check:production: проверка боевого окружения
Разработка:
npm run dev: запуск приложения в режиме разработкиnpm run dev:clean: очистка изменений git-репозиторияnpm run dev:format: форматирование кода с помощью ESLintnpm run dev:update: обновление зависимостейnpm run dev:optimize: оптимизация зависимостей
DMX-Frontend распространяется под лицензией MIT.