1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/mirrors_trending-shoelace

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Shoelace

Библиотека веб-компонентов с передовым подходом.

  • Поддерживает все фреймворки 🧩
  • Работает с CDN 🚛
  • Полностью настраиваемый с помощью CSS 🎨
  • Включает официальную тему для работы в темной среде 🌛
  • Создан с учетом доступности ♿️
  • Открытый исходный код 😸

Разработана в Нью-Гэмпшире Кори Лавиской.


Документация: shoelace.style

Исходный код: github.com/shoelace-style/shoelace

Twitter: @shoelace_style


Shoemakers 🥾

Shoemakers, или "разработчики Shoelace", могут использовать эту документацию для изучения того, как строить Shoelace из исходного кода. Вам потребуется Node >= 14.17 для локальной сборки и запуска проекта.

Вы не обязаны выполнять ни одного из этих действий для использования Shoelace! Эта страница предназначена для людей, желающих внести свой вклад в проект, поработать с исходным кодом или создать кастомную сборку 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 )

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

Введение

Shoelace — это компонентная библиотека, не зависящая от какого-либо веб-фреймворка, такая как популярные в настоящее время Vue, React и Angular. Использование Shoelace похоже на использование нативной библиотеки компонентов HTML. Это набор веб-компонентов, предназначенных для обёртки нативных HTML-компонентов. Развернуть Свернуть
TypeScript и 4 других языков
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/mirrors_trending-shoelace.git
git@api.gitlife.ru:oschina-mirror/mirrors_trending-shoelace.git
oschina-mirror
mirrors_trending-shoelace
mirrors_trending-shoelace
next