Платформа для сборки Vue-компонентов

vue-assemble-ui

Что это такое

Это онлайн-платформа для совместного создания компонентов, которая позволяет создавать собственные библиотеки пользовательского интерфейса (UI), подобно использованию iconfont.

Как получить доступ

На данный момент доступна онлайн-платформа по адресу http://assemble.everbeon.top/. Также предоставляется исходный код, который можно развернуть в личных, корпоративных и любых других средах (при необходимости свяжитесь со мной, контактная информация указана в конце).

Конкретные действия

Я ранее написал статью, описывающую большинство рабочих процессов платформы, которую можно найти на juejin.cn.

Использование после успешной сборки

В качестве примера рассмотрим пакет onlinebutton.

Добавление зависимостей проекта

npm install @wyx962717593/onlinebutton --save-dev

Добавление зависимостей проекта

// В main.js:
import onlinebutton from '@wyx962717593/onlinebutton';
Vue.use(onlinebutton);

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

<jelly-button>jellyButton</jelly-button>  // Просто добавьте этот код.

Архитектура проекта

Проект в целом написан на Vue 3, а серверная часть использует node (express) + mysql.

Если вы заинтересованы в конкретных реализациях и деталях архитектуры проекта, пожалуйста, свяжитесь со мной для получения более подробной информации.

Способы интеграции

Сервер в настоящее время использует Docker Swarm Cluster, общая пропускная способность составляет 6M, и он интегрирован с Jenkins для автоматического развертывания.

Автор

Этот проект полностью разработан Beon.

Вклад

Вы можете самостоятельно отправлять запросы на проблемы и вносить MR-запросы или напрямую связываться с автором.

Версия

v0.0.1-alpha.0

Начато выполнение основных рабочих процессов, включая:

Выполненные функции:

• Публикация пакетов npm.
• Онлайн-редактирование, сохранение, генерация и управление компонентами.
• Общая демонстрация страниц и рабочих процессов.
• Добавление шаблонов кода и поддержка импорта сторонних библиотек.
• Публикация в собственной библиотеке npm (пока не открыта для пользователей).

Невыполненные функции:

• История выпусков пакетов npm.
• История компонентов.
• Управление пользователями и разрешениями.
• Загрузка проектов для локального управления.
• Интеграция популярных библиотек UI, таких как element и vant.
• Доработка шаблонов кода и сторонних библиотек.
• Возможность загрузки файлов для добавления компонентов.
• Предоставление услуг изображений.
• Логика использования документации о npm и компонентах.
• Регистрация и вызов внутренних компонентов сайта.

Контакты

QQ: 962717593 Wechat: Dawn_web

Приглашаем всех поделиться своими идеями и сотрудничать в разработке. Также приглашаем к развертыванию отдельных лиц и компании.