Varlet-Cli | Инструмент быстрого прототипирования библиотеки компонентов Vue3

внешний интерфейс Vue.js
Varlet-Cli | Инструмент быстрого прототипирования библиотеки компонентов Vue3

Связанный адрес

Официальная документация Varlet
Официальная документация Varlet-Cli
Varlet Github

написать впереди

Всем привет! давно не видела тебя! Тема этого времени - предоставить вам инструмент, который может помочь вам быстро начать разработку библиотеки компонентов, что может значительно снизить порог разработки библиотеки компонентов и улучшить качество.Давайте сначала посмотрим на демо...

C82FF549-4603-4047-8919-E6EC5E54CF16 2.png

21B4EACA-B2EF-4788-9444-72013897567A.png

На название библиотеки компонентов особо внимания обращать не надо, чисто в лоб написано.Этот кейс проект черезvarlet-cliСгенерировано,varlet-cliпри условии调试环境,组件库代码编译,文档站点打包,单元测试,代码检查,代码发布,更新日志生成и ряд функций, которые помогут вам сосредоточить все усилия по разработке на самом компоненте,varlet-uiтак же обновил до последней версииvarlet-cli, также имеет значительный опыт улучшения.

быстрый старт

yarn global add @varlet/cli
varlet-cli gen 文件夹名
cd 文件夹名
yarn
yarn dev

genкоманда обеспечивает.vue文件а такжеtsxСуществует два пресета для стилей разработки библиотеки компонентов.После выбора у вас будет проект библиотеки компонентов Vue3.После установки зависимостей вы можете запустить сервер и начать разработку компонентов напрямую...

связанный с командой

Запустите сервер разработки

varlet-cli dev

Создайте сайт документации

varlet-cli build

Собрать код библиотеки компонентов

varlet-cli compile

Выполнить все модульные тесты

varlet-cli test

Выполнение модульных тестов в режиме просмотра

varlet-cli test -w

Проверить код

varlet-cli lint

Быстро создать папку компонента

varlet-cli create <componentName>

Создать шаблон проекта

varlet-cli gen <projectName>

代码发布так же как更新日志相关的命令Он интегрирован в шаблон проекта, можете проверить сами, если интересно, Дополнительные сведения об использовании и настройке см. здесь.Официальная документация Varlet-Cli

просто поболтать

исходныйvarlet-cliОн используется только внутренне, и нет никакой мысли о том, чтобы подвергать его воздействию внешнего мира, покаvarlet-uiС момента выпуска многие друзья в сообществе приходили ко мне с вопросами, для чего используются документы вашей библиотеки компонентов? , я хочу использовать его для написания технических документов (хотя у меня тогда было полно черных линий, я думал, что сама библиотека компонентов недостаточно хороша, и все внимание было приковано к документации...). Через месяц меня перевели на новую должность, отвечающую за архитектуру фронтенда, а также у меня появилась идея сделать приватизированную библиотеку компонентов. Теперь, когда у него уже есть опыт, лучше переделать его, чтобы он мог охватить больше дел. На практике я обнаружил, что эффект неплохой, поэтому я дополнил документ, чтобы познакомиться с вами.Поскольку я часто погружаюсь в самородки, я обнаружил, что многие мелкие партнеры в сообществе также очень заинтересованы в разработке библиотеки компонентов. надеюсьvarlet-cliЭто также может стать отправной точкой для всех, кто хочет начать разработку библиотеки компонентов.

напиши в конце

Если у вас возникнут проблемы во время использования, вы можете перейти кissueЗадавайте свои вопросы по списку, мы по-прежнему очень быстро решаем вопросы. Также добро пожаловать, чтобы стать нашим участником и отправить намpull request, последний из последних,starодин разVarlet, Открытый исходный код не легко, все зависит от поощрения.