Библиотека веб-компонентов с передовым подходом.
Разработана в Нью-Гэмпшире Кори Лавиской.
Документация: shoelace.style
Исходный код: github.com/shoelace-style/shoelace
Twitter: @shoelace_style
Shoemakers, или "разработчики Shoelace", могут использовать эту документацию для изучения того, как строить Shoelace из исходного кода. Вам потребуется Node >= 14.17 для локальной сборки и запуска проекта.
Вы не обязаны выполнять ни одного из этих действий для использования Shoelace! Эта страница предназначена для людей, желающих внести свой вклад в проект, поработать с исходным кодом или создать кастомную сборку Shoelace.
Если это не то, что вы пытаетесь сделать, сайт документации будет полезен вам.
Компоненты создаются с использованием LitElement, базового класса для пользовательских элементов, который предоставляет интуитивно понятный API и реактивное связывание данных. Сборка осуществляется с помощью кастомного скрипта с использованием бандлинга от esbuild.
Начните с разветвления репозитория на GitHub, затем клонируйте его локально и установите зависимости.
git clone https://github.com/YOUR_GITHUB_USERNAME/shoelace
cd shoelace
npm install
После клонирования репозитория выполните следующую команду.
npm start
Это запустит сервер разработки. После первой сборки автоматически откроется браузер. На данный момент нет горячего перезапуска модулей (HMR), так как браузеры не предоставляют способа заново зарегистрировать пользовательские элементы, но большинство изменений в исходном коде будут автоматически перезагружать браузер.
Чтобы создать производственную сборку, выполните следующую команду.
npm run build
Чтобы создать новый компонент, выполните следующую команду, заменив sl-tag-name
желаемым именем тега.
npm run create sl-tag-name
Это создаст файл исходного кода, таблицу стилей и страницу документации. Когда вы запустите сервер разработки, новый компонент будет доступен в разделе "Компоненты" меню навигации.
Shoelace — это открытый проект, и вклады приветствуются! Если вас интересует участие, пожалуйста, просмотрите правила участия прежде чем начать работу.
Shoelace был создан Кори Лавиской и доступен под условиями лицензии MIT.
Независимо от того, строите ли вы Shoelace или что-то с Shoelace, приятного творчества! 🥾
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )