abc-def

(★ 106)

ABC Def is an efficient design system using a three-tier token structure and Headless UI to create web components with consistent design and flexible customization.

파일 탐색기

최종 버전 다운로드 (.zip)
  • .gitignore
  • .npmrc
  • .nvmrc
  • CHANGELOG.md
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • LICENSE
  • package.json
  • pnpm-lock.yaml
  • pnpm-workspace.yaml
  • README.md
  • renovate.json
  • SECURITY.md
  • turbo.json

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/line/abc-def

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd abc-def

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
pnpm add tailwindcss @line/abc-def-styles

이 명령어를 터미널에 그대로 입력해 실행하세요.

pnpm add @line/abc-def-react react react-dom

이 명령어를 터미널에 그대로 입력해 실행하세요.

pnpm add @line/abc-def-vue vue

이 명령어를 터미널에 그대로 입력해 실행하세요.

pnpm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

pnpm dev

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

hugo ★ 89,481

웹사이트 구축을 위한 세계에서 가장 빠른 프레임워크입니다.

Go
odysseus ★ 85,872

Self-hosted AI workspace.

Python
taste-skill ★ 78,877

Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop

JavaScript
react ★ 247,532

웹 및 네이티브 사용자 인터페이스를 만들기 위한 라이브러리입니다.

JavaScript
terminal ★ 104,654

새로운 Windows Terminal과 기존 Windows 콘솔 호스트가 모두 한곳에 모여 있습니다!

C++
scrcpy ★ 148,030

Android 기기를 화면에 표시하고 제어하세요

C
// repository documentation