rocket ui
v2.0.17
비트 컬렉션
빠르고 친근한 웹 애플리케이션 인터페이스를 개발하기 위해 재료 UI 코어 위에 구축 된 재사용 가능한 재사용 가능 및 복합 가능한 반응 구성 요소 세트.
?
NPMRC는 NPM 구성 파일이며 라이브러리를 사용하려면이 파일을 구성해야합니다.
project WebApp Rocket Generator로 프로젝트가 생성되면이 단계를 건너 뜁니다. .NPMRC 파일은 이미 구성되어 있습니다
달리다
npm config set @totalsoft_oss:registry https://node.bit.cloud이 명령은 root .npmrc 파일에 항목을 추가합니다. 존재하지 않으면 하나를 생성합니다.
구성 요소 메인 페이지로 이동 한 다음 사용하는 패키지 관리자의 명령을 선택하십시오. 설치하려는 버전을 선택할 수도 있습니다.
터미널에서 명령을 실행하면 사용할 준비가 되십시오!
npm i @totalsoft_oss/rocket-ui.components.data-display.typography프로젝트의 모든 구성 요소를 하나의 패키지로 만 사용하려는 경우. 비트 클라우드에서 코어 구성 요소로 이동하십시오.
실행하여 core 패키지를 설치하십시오
npm i @totalsoft_oss/rocket-ui.core import React from 'react'
import Typography from '@totalsoft_oss/rocket-ui.components.data-display.typography'
/* example using core package
import { Typography } from '@totalsoft_oss/rocket-ui.core'
*/
const App = ( ) => {
return (
< Typography variant = 'body2' emphasis = 'bold' >
"Text"
</ Typography >
)
} 각 구성 요소는 목적에 적합한 섹션에 있습니다. 예를 들어 모든 버튼 관련 구성 요소는 buttons 폴더에 있습니다. 모든 구성 요소에는 동일한 파일 구조가 있습니다. 우리는 비트별로 제공되는 기능인 자체 구성 요소 생성기를 만들어이 구조를 구현하고 시행합니다. 보시다시피, rocket-generator 템플릿을 사용하여 생성 될 모든 구성 요소와 다음 구성 요소는 다음 구조를 갖습니다.
index.js 항목 파일.MyComponent.js 기본 파일.MyComponent.test.js 테스트 파일MyComponent.docs.mdx Docs 구성 요소 용.compositions 구성 폴더.MyComponent.composition.js 다른 상태와 컨텍스트에서 구성 요소를 시뮬레이션하기위한 구성. 우리는 구성 요소 관리 및 기여에 비트를 사용합니다. 비트는 컴포넌트 중심 소프트웨어를 구성하기위한 오픈 소스 도구입니다.
호환성 문제로 인해 PowerShell 대신 명령 프롬프트를 사용하는 것이 좋습니다.
npm i -g @teambit/bvmbvm install설치시 오류가 발생하면 문제 해결 섹션을 확인하십시오.
비트가 성공적으로 설치된 후에는 저장소를 복제하고 비트 기능을 최대한 활용할 수 있습니다.?
직접 시작하려면 명령 프롬프트 bit start 및 LocalHost : 3000을 열십시오. 개발 환경을위한 전체 사용자 인터페이스를 구축 할 때이 명령을 처음 실행하는 데 시간이 걸릴 수 있습니다. 로컬 서버가 작동 중일 때 모든 구성 요소를보고 상호 작용할 수 있습니다.
bit start 필요에 따라 구성 요소를 변경/수정 한 후에는 bit test 실행하여 모든 테스트가 통과되고 변경에 필요한 경우 더 많은 추가 사항을 추가해야합니다.
bit test 또한 새로운 기능이 추가되면 테스트 외에도 새로운 기능이 포함 된 예를 추가해야합니다. 예제 파일은 compositions Directory 내부의 각 구성 요소 디렉토리에 있습니다.
구성 요소를 변경 한 후 비트 관련 문제를 확인한 다음 UI에서 최신 bit compile 을하려면 bit status 실행해야합니다.
bit statusbit compile 새 구성 요소를 작성하려면 새로운 구성 요소를 구현하는 데 도움이되는 템플릿을 제공하는 자체 구성 요소 생성기 인 rocket-generator 사용해야합니다.
bit create rocket-generator components/buttons/my-component변경/기능/수정이 완료되고 게시 된 구성 요소, 다음 버전 및 ChangElog 메시지 사용 (소프트 옵션)을 표시하려면.
bit tag -m " my message " --soft 위 명령을 실행 한 후 bitmap 파일이 변경된 후 풀 요청을 만들 수 있습니다.
그가 제공하는 비트 및 기타 기능성에 대해 더 많이 읽을 수 있습니다.
로켓 -UI는 MIT 라이센스에 따라 라이센스가 부여됩니다. @totalsoft
