Téléchargement Malvid - Téléchargement du code source Malvid

Malvid

Composants tiers

1.0.0

Télécharger

Malvide

UI pour vous aider à créer et documenter les composants Web.

Contenu

? Commencer
? Introduction
? Links
Documentation

Commencer

Guide

Malvid peut être intégré à votre projet de deux manières: utiliser la CLI ou utiliser l'API de Malvid. Consultez notre guide pour plus d'informations. Commencez avec Malvid »

Démo

Le site Web de Malvid est open-source et construit entièrement avec Malvid. Vous pouvez jeter un œil aux composants et comment ils sont fabriqués dans le référentiel du site Web.

Introduction

Qu'est-ce que Malvid?

Malvid vous aide à construire, documenter et visualiser les composants en transformant un répertoire en une interface interactive.

Comment ça marche?

Vous exécutez Malvid en utilisant la CLI ou en utilisant l'API
Malvid scanne le dossier que vous avez spécifié et génère une sortie HTML statique
Vous ouvrez la sortie dans votre navigateur pour commencer à parcourir vos composants

Pourquoi Malvid?

Il visualise les composants d'une manière qui améliore la façon dont votre équipe fonctionne avec les composants
Il ne vous oblige pas à utiliser une structure de répertoire définie, un langage de modèles ou un outil de construction
Il s'intègre parfaitement à Rosid
Il est construit sur des modules populaires comme React
Il est léger et ne comprend que ce dont il a vraiment besoin

Que sont les composants?

Les composants sont des pièces indépendantes et réutilisables d'un projet. Un composant pourrait être un petit morceau de HTML, une page entière ou quelque chose entre les deux. Malvid n'applique aucun moteur de modèles ou conventions de dénomination spécifiques pour ces composants.

Links

Plaques de chaudières:

? Composants squelettes: UI pour les composants écrits en nunjucks, js (avec babel, uglifyjs) et sass (avec cssnano, autoprefixer)

Guides:

? Commencer
? Intégrations
? Onglets de l'inspecteur

Ressources:

??? Frontaux évolutifs avec des composants Web et Malvid
? Partage des composants entre frontal et back-end
? Guide de style

Outils similaires:

? Fractale
? Laboratoire de modèle

Sites propulsés par Malvid:

? Malvide
? Commerz Real AG

Documentation

Exigences

Malvid dépend de ...

Node.js (v8.9.0 ou plus récent)
NPM

Assurez-vous d'installer et de mettre à jour toutes les dépendances avant de configurer Malvid.

Interface

L'interface de Malvid met l'accent sur vos composants. Ce chapitre vous donne un aperçu de ses possibilités. Interface »

Lourdeur

Naviguez dans vos composants à l'aide des raccourcis clavier fournis par Malvid. Hatkkeys »

API

Malvid peut être intégré à votre projet à l'aide de son API ou CLI. L'API vous offre plus de flexibilité et vous permet d'utiliser Malvid dans votre pipeline d'actifs ou votre ensemble d'outils existants. API »

CLI

Le CLI de Malvid est situé dans le dossier bin et vous permet d'exécuter Malvid sans ajouter de fichiers JS à votre projet. Cette approche est plus simple que d'utiliser l'API, mais offre moins de flexibilité. Cli »

Composants

Malvid scanne les dossiers et détecte tous les composants de la structure donnée. Ce chapitre explique comment stocker et gérer les composants et comment ajouter des informations supplémentaires à l'interface utilisateur à l'aide d'un fichier de configuration. Composants »

Intégrations

L'API de Malvid vous permet d'utiliser votre pipeline d'actifs ou votre ensemble d'outils existants avec Malvid. Cela comprend les scripts Rosid, Gulp, NPM et autres systèmes. Intégrations »