shoelace

구두끈

웹 구성 요소의 미래 지향적 라이브러리.

• 모든 프레임 워크와 함께 작동합니까?
• CDN과 함께 작동합니까?
• CSS로 완전히 사용자 정의 할 수 있습니까?
• 공식 어두운 테마가 포함되어 있습니까?
• 접근성을 염두에두고 제작 된 ibility️
• 오픈 소스?

Cory Laviska가 뉴햄프셔에서 디자인했습니다.

---

문서 : shoelace.style

출처 : github.com/shoelace-style/shoelace

트위터 : @shoelace_style

---

니 메이커?

Shoemakers 또는 "Shoelace Developers"는이 문서를 사용하여 Source에서 Shoelace를 구축하는 방법을 배울 수 있습니다. 프로젝트를 로컬로 빌드하고 실행하려면 노드> = 14.17이 필요합니다.

떼를 사용하기 위해이 일을 할 필요는 없습니다! 이 페이지는 프로젝트에 기여하거나 소스를 땜질하거나 Shoelace의 사용자 정의 빌드를 만들고자하는 사람들을위한 것입니다.

그것이 당신이하려는 일이 아니라면, 문서 웹 사이트는 당신이 원하는 곳입니다.

신발 끈을 만드는 데 무엇을 사용하고 있습니까?

구성 요소는 직관적 인 API 및 반응성 데이터 바인딩을 제공하는 사용자 정의 요소 기본 클래스 인 Litelement로 구축됩니다. 빌드는 Esbuild가 구동하는 번들링이있는 사용자 정의 스크립트입니다.

repo를 포킹합니다

Github에서 Repo를 포킹 한 다음 로컬로 복제하고 종속성을 설치하십시오.

git clone https://github.com/YOUR_GITHUB_USERNAME/shoelace
cd shoelace
npm install

개발

Repo를 복제하면 다음 명령을 실행하십시오.

npm start

이것은 개발자 서버를 회전시킵니다. 초기 빌드 후에는 브라우저가 자동으로 열립니다. 브라우저는 사용자 지정 요소를 다시 등록하는 방법을 제공하지 않지만 소스에 대한 대부분의 변경 사항은 브라우저를 자동으로 다시로드 할 수 있으므로 현재 HMR (Hot Module Reloading)은 없습니다.

건물

생산 빌드를 생성하려면 다음 명령을 실행하십시오.

npm run build

새로운 구성 요소 생성

새 구성 요소를 발판하려면 다음 명령을 실행하여 sl-tag-name 원하는 태그 이름으로 바꾸십시오.

npm run create sl-tag-name

이렇게하면 소스 파일, 스타일 시트 및 문서 페이지가 생성됩니다. Dev 서버를 시작하면 사이드 바의 "구성 요소"섹션에 새 구성 요소가 있습니다.

기여

Shoelace는 오픈 소스 프로젝트이며 기부금이 권장됩니다! 기여에 흥미로워지면 먼저 기여 가이드 라인을 검토하십시오.

특허

Shoelace는 Cory Laviska에 의해 만들어졌으며 MIT 라이센스의 조건에 따라 제공됩니다.

떼를 짓거나 신발 로 무언가를 만들 든 - 재미있게 만들어주십시오! ?