Веб-дизайнер

// Запуск дизайнера
npm install
// Запуск серверной части дизайнера (необходимо Node 8.x или выше), используемая для публикации шаблонов и создания кода шаблонов
cd server/
npm install
npm run dev
```### Структура проекта
```bash
  │
  ├── README.md                           # Описание проекта
  ├── src                                 # Основной каталог проекта
  │   ├── assets                         # Статические ресурсы
  │   ├── components                     # Общие компоненты
  │   │   ├── codeEditor                 # Компонент редактирования кода
  │   │   ├── componentsList             # Компонент списка компонентов (слева)
  │   │   ├── designerContent            # Компонент области дизайна (в центре)
  │   │   ├── draggableResizable         # Компонент для перетаскивания и изменения размера
  │   │   ├── itemList                   # Компонент конфигурации свойств компонентов (например, выпадающий список, переключатель, флажок)
  │   │   ├── pageAutoView               # Компонент автоматической адаптации страницы
  │   │   ├── pageCanvas                 # Компонент области дизайна (в центре)
  │   │   ├── pageDialogView             # Компонент агента системных диалоговых окон
  │   │   ├── pageFormView               # Компонент системного комбинированного формы
  │   │   ├── pageIconsView              # Компонент системных иконок
  │   │   ├── pageSwitch                 # Компонент системного переключателя
  │   │   ├── styleSetting               # Компонент настройки стиля графиков
  │   │   ├── index.js                   # Входной файл общих компонентов
  │   ├── directive                      # Внутренние системные директивы
  │   │   ├── dragDialog                 # Директива перетаскивания диалоговых окон
  │   │   ├── index.js                   # Входной файл директив
``` │   ├── modules                        # Системные модули
  │   │   ├── configuration              # Конфигурация компонентов
  │   │   ├── echartBase                 # Базовый класс графиков
  │   │   ├── http                       # Модуль запросов
  │   │   ├── observer                   # Модуль слежения за событиями
  │   │   ├── page                       # Базовый класс страниц
  │   │   ├── pageEventManage            # Модуль управления событиями страниц
  │   │   ├── plugins                    # Базовый класс компонентов
  │   │   ├── systemLoader               # Модуль загрузки системы
  │   │   ├── utils                      # Утилиты
  │   │   ├── vuePropertyDecorator       # Декоратор свойств Vue
  │   ├── plugins                        # Внутренние системные компоненты
  │   ├── runtimeComponents              # Компоненты в режиме выполнения
 ```│   ├── styles                          # Системные стили
  │   ├── views                           # Страницы
  │   │   ├── designerPage                # Страница дизайнера
  │   │   ├── preview                     # Страница предварительного просмотра
  │   ├── App.vue                         # Компонент страницы
  │   ├── main.js                         # Основной входной файл системы
  │   ├── router.js                       # Файл конфигурации маршрутизации
  │   ├── store.js                        # Файл управления данными
  ├── server                              # Основная директория сервера (подробное описание см. https://eggjs.org/ru/)
  ├── public                              # Директория статических файлов проекта
  │   ├── index.html                      # Основная страница проекта
  │   ├── favicon.ico                     # Фавикон проекта
  │   └── robots.txt                      # Файл robots.txt
  ```ico                     <=  Логотип вкладки браузера
  ├── vue.config.js                       <=  Конфигурация сборки Vue (подробные параметры см.  https://cli.vuejs.org/ru/config/)
  ├── package.json                        <=  Файл конфигурации зависимостей и метаданных проекта
  │
  ```### Документация- [Руководство по настройке событий](./functionManual/eventSetting.md)
- [Функция публикации кода](./functionManual/release.md)

### Планы будущих версий

- Генератор страниц H5
- Оптимизация проекта
- ...

### Журнал обновлений

- 2019-03-25 Инициализация проекта
- 2019-04-20 Добавлены компоненты для перетаскивания для размещения, изменены страницы и свойства компонентов
- 2019-04-23 Добавлены линии помощи для размещения и функция предварительного просмотра
- 2019-04-24 Добавлены компоненты inputNumber и radio
- 2019-05-15 Добавлен выбор иконок, поддержка копирования (Ctrl + c) и вставки (Ctrl + v) в области холста
- 2019-11-20 Добавлены кнопки, ссылки, даты, время, оценки, предупреждения, хлебные крошки, календарь, флажки, сворачивание, выбор цвета, прогресс-бар, выпадающие списки, ползунки, теги
- 2019-11-28 Добавлены таблицы, деревья, меню и редактор JSON (на основе monaco-editor)
- 2019-12-14 Добавлена функция быстрого создания страниц и кода (на основе Vue cli 3.x)
- 2020-03-11 Добавлены контейнерные и графические компоненты, графические компоненты поддерживают визуальное конфигурирование стилей
- 2020-07-26 Добавлена настройка событий компонентов и связанных событий
- 2020-10-13 Поддержка настройки событий в режиме выполнения