프로젝트 소개

cube-ui는 Vue.js로 구현된 모바일 UI 라이브러리로, 디디(DiDi)가 개발하고 오픈소스로 공개했습니다. npm 패키지 'cube-ui'로 배포되며, Vue 프로젝트에 전체 라이브러리를 한 번에 등록하는 방식(Vue.use(Cube)) 또는 Style, Button, ActionSheet 같은 개별 모듈을 가져와 모듈 단위로 사용하는 방식으로 통합할 수 있습니다. 저장소에서 확인할 수 있는 주요 기능과 리소스: - npm 설치(npm install cube-ui --save), Vue 플러그인으로 사용. - 모듈 단위 사용: 필요한 컴포넌트만 가져와 개별 등록할 수 있어 더 가벼운 빌드를 지원합니다. - 설정과 사용법을 다루는 Quick Start 가이드가 있는 문서 사이트, 영어와 중국어 지원. - 링크된 웹 페이지와 QR 코드로 모바일에서 볼 수 있는 라이브 예제 앱. - Application Guide 저장소와 vue-cli 기반 프로젝트 템플릿(cube-template)을 제공하므로 'vue init cube-ui/cube-template projectname'으로 권장 구성과 기본 코드를 사용해 새 프로젝트를 초기화할 수 있습니다. - QR 코드로 참조되는 커뮤니케이션용 커뮤니티 채널(QQ 그룹). - 기여자를 위한 개발 워크플로: 저장소 복제, npm install 실행, 라이브러리 개발에는 npm run dev, 문서 개발에는 npm run doc-dev. - 각 릴리스의 상세 변경 이력을 문서화한 릴리스 노트. 이 프로젝트는 Travis CI로 지속적 통합을 테스트하고 codecov로 코드 커버리지를 추적하며, 저장소 배지에 npm 다운로드 통계를 표시합니다. cube-ui는 디디의 더 넓은 오픈소스 생태계의 일부이며, 여기에는 Mpx(데이터 반응성을 갖춘 개선된 미니 프로그램 프레임워크), Chameleon(Web/Weex/Mini 프로그램용 크로스 플랫폼 MVVM 프레임워크), mand-mobile(금융 시나리오를 위해 설계된 Vue 2 기반 모바일 UI 툴킷), DoraemonKit(iOS 및 Android 개발 어시스턴트), Booster(모바일 애플리케이션용 품질 최적화 툴킷)도 포함됩니다. 이 라이브러리는 Vue로 모바일 웹 인터페이스를 구축하는 개발자를 대상으로 하며, 프로젝트 설정을 가속하기 위한 기성 UI 컴포넌트, 문서, 툴링을 제공합니다.