Unduh Malvid - Unduh Kode Sumber Malvid

Malvid

Komponen pihak ketiga

1.0.0

Unduh

Malvid

UI untuk membantu Anda membangun dan mendokumentasikan komponen web.

Isi

? Mulai
? Perkenalan
? Tautan
Dokumentasi

Mulai

Memandu

Malvid dapat diintegrasikan ke dalam proyek Anda dalam dua cara: menggunakan CLI atau menggunakan API Malvid. Lihat panduan kami untuk informasi lebih lanjut. Mulailah dengan Malvid »

Demo

Situs web Malvid adalah open-source dan dibangun sepenuhnya dengan Malvid. Anda dapat melihat komponen dan bagaimana mereka dibuat di repositori situs web.

Perkenalan

Apa itu Malvid?

Malvid membantu Anda membangun, mendokumentasikan, dan memvisualisasikan komponen dengan mengubah direktori menjadi UI interaktif.

Bagaimana cara kerjanya?

Anda menjalankan Malvid menggunakan CLI atau menggunakan API
Malvid memindai folder yang telah Anda tentukan dan menghasilkan output HTML statis
Anda membuka output di browser Anda untuk mulai menjelajahi komponen Anda

Mengapa Malvid?

Ini memvisualisasikan komponen dengan cara yang meningkatkan cara tim Anda bekerja dengan komponen
Itu tidak memaksa Anda untuk menggunakan struktur direktori yang ditentukan, templating bahasa atau alat pembangun
Itu terintegrasi dengan rosid
Itu dibangun di atas modul populer seperti bereaksi
Ini ringan dan hanya mencakup apa yang sebenarnya dibutuhkan

Apa itu komponen?

Komponen adalah bagian proyek yang independen dan dapat digunakan kembali. Komponen bisa berupa sepotong kecil HTML, satu halaman atau sesuatu di antaranya. Malvid tidak menegakkan mesin templating spesifik atau konvensi penamaan untuk komponen tersebut.

Tautan

Boilerplate:

? Komponen kerangka: UI untuk komponen yang ditulis dalam Nunjucks, JS (dengan Babel, Uglifyjs) dan Sass (dengan Cssnano, Autoprefixer)

Panduan:

? Mulai
? Integrasi
? Tab Inspektur

Sumber daya:

??? Front-end yang dapat diskalakan dengan komponen web dan malvid
? Berbagi komponen antara front-end dan back-end
? StyleGuide

Alat serupa:

? Fraktal
? Lab Pola

Situs Didukung oleh Malvid:

? Malvid
? Commerz Real Ag

Dokumentasi

Persyaratan

Malvid tergantung pada ...

Node.js (v8.9.0 atau lebih baru)
NPM

Pastikan untuk menginstal dan memperbarui semua dependensi sebelum Anda menyiapkan Malvid.

Antarmuka

Antarmuka Malvid menempatkan fokus pada komponen Anda. Bab ini memberi Anda gambaran tentang kemungkinannya. Antarmuka »

Hotkeys

Navigasikan melalui komponen Anda menggunakan hotkeys yang disediakan oleh Malvid. Hotkey »

API

Malvid dapat diintegrasikan ke dalam proyek Anda menggunakan API atau CLI -nya. API memberi Anda lebih banyak fleksibilitas dan memungkinkan Anda menggunakan Malvid dalam pipa aset atau toolset yang ada. API »

Cli

CLI Malvid terletak di folder bin dan memungkinkan Anda menjalankan Malvid tanpa menambahkan file JS ke proyek Anda. Pendekatan ini lebih sederhana daripada menggunakan API, tetapi memberikan lebih sedikit fleksibilitas. Cli »

Komponen

Malvid memindai folder dan mendeteksi semua komponen dalam struktur yang diberikan. Bab ini menjelaskan cara menyimpan dan mengelola komponen dan cara menambahkan informasi tambahan ke UI menggunakan file konfigurasi. Komponen »

Integrasi

API Malvid memungkinkan Anda untuk menggunakan pipa aset atau toolset yang ada bersama dengan Malvid. Ini termasuk rosid, gulp, skrip NPM dan sistem lainnya. Integrasi »