hli-channel-design-system v1.0.31

디자인시스템

설명중 잘못된 부분이 있으면 알려주세요.

• 디자인시스템입니다.

1. Setup

• 본 프로젝트는 IDE VSCode를 사용하고 있고, 패키지 매니저는 yarn을 사용하고 있습니다.
• 따라서 기본적으로 node.js npm, yarn을 설치하셔야합니다.
• VSCode의 extension으로는 Prettier, ESLint를 설치해야합니다.

2. 개발 환경 구성하기

• 0. 기술스택

React, Typescript, Rollup, Emotion, Storybook, NPM

• 1. 소스 받기

git clone https://github.com/hl-fintech/hli-design-system.git

• 2. 패키지 설치

yarn

• 3. 로컬 개발 서버 실행

yarn dev

• 4. Storybook build(문서 배포용)

yarn build-storybook

• 5. Build & NPM Repository Publish

yarn build
yarn login
yarn publish