Реализовать идеи библиотеки VueUI от 0 до 1

Архитектура внешний интерфейс CSS Открытый исходный код

Объединяйтесь

Библиотека пользовательского интерфейса — это огромный проект, если я буду разрабатывать ее лично, это займет много моего свободного времени, поэтому я подумал о создании команды, поэтому я выпустил что-то подобное в Наггетс, и вскоре более 20 фронт- концы были призваны присоединиться.

схватка в гибком режиме

При таком количестве людей, какое управление процессами может обеспечить эффективную реализацию проекта, позволить им выполнять задачи вовремя и в соответствии с количеством и, наконец, обеспечить прогресс , В это время я принял очень популярную сейчас гибкая модель scrum для управления процессами.

Используйте инструмент управления tapd

В Китае есть много инструментов для управления гибким режимом Scrum.После голосования, наконец, был выбран tapd.

отдельные роли

Поскольку вы планируете делать масштабный проект, должны быть такие роли, как руководитель проекта, архитектор, фронтенд-инженер, дизайнер, продукт и тестировщик.

Итерация сборки 1

Я сам взял на себя роль менеджера по продукту и проекту. Как продукт, требования, которые я выдвинул в итерации 1, очень просты.Очень легко реализовать 16 основных компонентов, что, вероятно, является количеством каждого участвующего партнера с открытым исходным кодом, одного человека и одного компонента.

Итерация 1 Разработка

При создании проекта UI-библиотеки очень важна задача разработки итерации 1. Она является источником проекта, если исходник не будет четко продуман, последующие итерации будут провальными. Войдя в яму, в которую мы забрались, я думаю, что разработка итерации 1 должна сделать следующие вещи:

  • эслинт стратегия
  • Разработка спецификаций кода, таких как css, могут быть приняты только соглашения об именах БЭМ.
  • модульный тест
  • css-архитектура
  • Стратегия управления ветвями, как разрешить разработку нескольким людям с наименьшей вероятностью конфликта кода
  • Создайте официальный сайт библиотеки пользовательского интерфейса, вы можете написать API компонента
  • Хорошо поработайте над pr , это последний уровень, обеспечивающий качество кода.

Если один из них не сделать заранее, то можно подумать о последствиях, например, если структура css не настроена на итерации 1, а затем построена после итерации x, то приходится переписывать весь css согласно новому строению, представляющему собой огромную яму.

Итерация 2

Требования итерации 2 по-прежнему заключаются в том, чтобы сделать некоторые основные компоненты. Я сосредоточусь на задачах разработки итерации 2. Помимо реализации требований, архитекторы сосредотачиваются на архитектуре проекта, в основном занимаясь следующими вещами:

  • Внедрить новую стратегию eslint, чтобы eslint обнаруживал только код, зафиксированный им самим, независимо от кода других людей, чтобы избежать конфликтов кода.
  • Роутер весь импортируется из командной строки за один раз, так что всем не нужно вручную добавлять прописанные компоненты в роутер
  • Создание шаблона компонента с помощью командной строки без необходимости создавать новый файл каждый раз при разработке компонента.

Итерация 2 на самом деле берет много бессмыслицы разработки и позволяет командной строке выполняться автоматически, что позволяет нам сосредоточиться на правильных вещах.

Итерация 3

Основываясь на двух предыдущих итерациях, итерация 3 просто продолжает разработку новых компонентов в соответствии с существующими спецификациями.

повторить х

С тех пор компоненты итеративно добавлялись и оптимизировались, пока не было реализовано достаточное количество компонентов в библиотеке.Вы также можете использовать эту библиотеку для написания полного проекта и выпустить первую версию пакета npm.

Адрес проекта с открытым исходным кодом

адрес

Хотите участвовать в open source?

Проект все еще находится в итерации 3, предварительной стадии. Если вы хотите участвовать в открытом исходном коде, просто добавьте мой личный WeChat: fcsboy (если вы тот самый)

Или отсканируйте код: