Malvid

말비드

웹 구성 요소를 구축하고 문서화하는 데 도움이되는 UI.

내용물

• ? 시작하세요
• ? 소개
• ? 모래밭
• 선적 서류 비치

시작하세요

가이드

Malvid는 CLI 사용 또는 Malvid의 API 사용의 두 가지 방식으로 프로젝트에 통합 될 수 있습니다. 자세한 내용은 가이드를 확인하십시오. Malvid»로 시작하십시오»

데모

Malvid의 웹 사이트는 오픈 소스이며 Malvid와 함께 전적으로 제작되었습니다. 구성 요소와 웹 사이트 저장소에서 구성 요소를 살펴볼 수 있습니다.

소개

Malvid는 무엇입니까?

Malvid는 디렉토리를 대화식 UI로 전환하여 구성 요소를 빌드, 문서화 및 시각화하는 데 도움이됩니다.

어떻게 작동합니까?

1. CLI를 사용 하거나 API를 사용하여 Malvid를 실행합니다.
2. Malvid는 지정한 폴더를 스캔하고 정적 HTML 출력을 생성합니다.
3. 브라우저에서 출력을 열어 구성 요소를 통해 탐색을 시작합니다.

왜 말비드?

• 팀 구성 요소와의 협력 방식을 향상시키는 방식으로 구성 요소를 시각화합니다.
• 정의 된 디렉토리 구조, 언어 템플릿 또는 빌드 도구를 사용하도록 강요하지 않습니다.
• Rosid와 완벽하게 통합됩니다
• React와 같은 인기있는 모듈을 기반으로합니다
• 가볍고 실제로 필요한 것만 포함됩니다

구성 요소는 무엇입니까?

구성 요소는 독립적이고 재사용 가능한 프로젝트입니다. 구성 요소는 HTML의 작은 덩어리, 전체 페이지 또는 그 사이의 무언가 일 수 있습니다. Malvid는 해당 구성 요소의 특정 템플릿 엔진 또는 이름 지정 규칙을 시행하지 않습니다.

모래밭

보일러 플레이트 :

• ? 골격 구성 요소 : Nunjucks, JS (Babel, Uglifyjs 포함) 및 Sass (Cssnano, AutoPrefixer)로 작성된 구성 요소에 대한 UI

가이드 :

• ? 시작하세요
• ? 통합
• ? 검사관 탭

자원:

• ? 웹 구성 요소 및 Malvid를 갖춘 확장 가능한 프론트 엔드
• ? 프론트 엔드와 백엔드 사이의 구성 요소를 공유합니다
• ? 스타일 가이드

유사한 도구 :

• ? 프랙탈
• ? 패턴 실험실

Malvid에 의해 구동되는 사이트 :

• ? 말비드
• ? Commerz Real Ag

선적 서류 비치

요구 사항

Malvid는 ...

• node.js (v8.9.0 또는 최신)
• NPM

Malvid를 설정하기 전에 모든 종속성을 설치하고 업데이트하십시오.

인터페이스

Malvid의 인터페이스는 구성 요소에 중점을 둡니다. 이 장에서는 가능성에 대한 개요를 제공합니다. 인터페이스»

핫키

Malvid가 제공하는 핫키를 사용하여 구성 요소를 탐색하십시오. 핫키»

API

Malvid는 API 또는 CLI를 사용하여 프로젝트에 통합 될 수 있습니다. API는 더 많은 유연성을 제공하며 기존 자산 파이프 라인 또는 도구 세트에서 Malvid를 사용할 수 있습니다. API»

클리

Malvid의 CLI는 bin 폴더에 있으며 프로젝트에 JS 파일을 추가하지 않고 Malvid를 실행할 수 있습니다. 이 접근법은 API를 사용하는 것보다 간단하지만 유연성이 적습니다. Cli»

구성 요소

Malvid는 폴더를 스캔하고 주어진 구조의 모든 구성 요소를 감지합니다. 이 장에서는 구성 요소를 저장 및 관리하는 방법과 구성 파일을 사용하여 UI에 추가 정보를 추가하는 방법에 대해 설명합니다. 구성 요소»

통합

Malvid의 API를 사용하면 Malvid와 함께 기존 자산 파이프 라인 또는 도구 세트를 사용할 수 있습니다. 여기에는 Rosid, Gulp, NPM 스크립트 및 기타 시스템이 포함됩니다. 통합»

옵션

Malvid를 더 많이 제어하려면 옵션을 전달하십시오. 옵션»

FAQ

자주 묻는 질문에 대한 답변. FAQ»