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.