carbon ui builder

카본 UI 빌더 - IBM의 UI 조각 작곡가

Carbon UI Builder는 Carbon UI 구성 요소를위한 시각적 빌더 도구로, 일반적으로 취하는 시간의 일부 시간에 제품 페이지를 만들 수 있습니다.

몇 초 만에 수출

• 프레젠테이션 이미지
• 사용자 테스트를위한 라이브 데모 앱 또는
• 생산 품질 코드

기존 제품 프론트 엔드에 통합하십시오.

코딩이 필요하지 않습니다.

실제로보기!

은둔

모든 데이터는 컴퓨터에 안전하게 저장되어 브라우저를 남기지 않습니다. 이것은 인터넷 연결이없는 경우에도 Carbon UI Builder가 작동 함을 의미합니다.

어쨌든 탄소는 무엇입니까?

Angular, React 및 Vue의 즉시 구성 요소 구현이 포함 된 IBM의 설계 시스템입니다.

개발 및자가 주최

프로젝트 디렉토리에서는 다음을 실행할 수 있습니다.

npm install

필요한 모든 패키지를 설치하면 처음으로 필요하며 업데이트 할 때만 필요합니다.

npm start

개발 모드에서 앱을 실행합니다.

브라우저에서 http : // localhost : 3000을 엽니 다.

편집하면 페이지가 다시로드됩니다.

콘솔에 보풀 오류가 표시됩니다.

npm test

대화식 시계 모드에서 테스트 러너를 시작합니다.

npm run build

build 폴더에 생산을위한 앱을 빌드합니다. 빌드 아티팩트는 dist/ Directory에 저장되어 배치 될 준비가됩니다.

앱을 시작하십시오

개발 서버를 시작하려면 nx serve builder 실행합니다. 브라우저를 열고 http : // localhost : 4200으로 이동하십시오. 행복한 코딩!

코드를 생성하십시오

NX 플러그인을 사용하는 경우 함께 제공 될 수있는 코드 생성기를 활용할 수 있습니다.

사용 가능한 플러그인 목록과 생성기가 있는지 여부를 얻으려면 nx list 실행하십시오. 그런 다음 nx list <plugin-name> 실행하여 사용할 수있는 발전기를 확인하십시오.

문서에서 NX 생성기에 대해 자세히 알아보십시오.

실행 작업

NX로 작업을 실행하려면 다음 구문을 사용하십시오.

 nx <target> <project> <...options>

여러 대상을 실행할 수도 있습니다.

 nx run-many -t <target1> <target2>

.. 또는 특정 프로젝트를 필터링하려면 -p 추가하십시오

 nx run-many -t <target1> <target2> -p <proj1> <proj2>

대상은 package.json 또는 projects.json 에 정의 될 수 있습니다. 문서에서 자세히 알아보십시오.

더 나은 편집기 통합을 원하십니까?

NX 콘솔 확장을 살펴보십시오. 자동 완성 지원, 작업 및 생성기 탐색 및 실행을위한 UI 등을 제공합니다! VSCODE, Intellij에서 사용할 수 있으며 VIM 사용자를위한 LSP가 제공됩니다.