mechanic
1.0.0
Dibangun dengan ❤️ oleh
Mechanic adalah toolchain desain yang kuat yang membantu organisasi yang berwawasan ke depan menjauh dari alur kerja desain manual dengan mengotomatisasi operasi desain mereka.
Status Saat Ini : v1.2.0 sudah keluar sekarang! Cobalah dan beri tahu kami apa yang Anda pikirkan! v2.0.0-beta.9 juga keluar dan kami mengujinya! Jangan ragu untuk mengujinya juga!
Untuk mulai menggunakan segera dan membuat proyek mekanik baru, jalankan yang berikut:
npm init mechanic@latest
Ini akan membangun proyek mekanik dasar baru, dengan satu fungsi desain ! Ikuti instruksi CLI untuk menyesuaikan, menginstal dan mulai berjalan.
Lihat dokumentasi v1.2.0.
Repo dikelola melalui Lerna.
| Gudang | Keterangan |
|---|---|
| create-mechanic | Pembuat Kerangka Proyek Mekanik. |
| @Mechanic-Design/CLI | Alat baris perintah untuk menghasilkan proyek mekanik baru, fungsi desain, dan membangun aplikasi. |
| @Mechanic-Design/Core | Fungsionalitas mekanik inti. Digunakan oleh alat desain mekanik dan mendefinisikan kelas Mechanic untuk diperpanjang sebagai mesin . |
| @Mechanic-Design/UI-komponen | Perpustakaan Komponen Bereaksi dimaksudkan untuk digunakan sebagai input untuk input fungsi desain. |
| @Mechanic-Design/Engine-Canvas | Fungsi mesin yang memperluas kelas Mechanic dasar, dimaksudkan untuk membuat aset atau animasi statis yang dibangun menggunakan HTML Canvas API. |
| @Mechanic-Design/Engine-P5 | Fungsi mesin yang memperluas kelas Mechanic dasar, dimaksudkan untuk membuat aset atau animasi statis yang dibangun menggunakan p5.js. |
| @Mechanic-Design/Engine-React | Fungsi mesin yang memperluas kelas Mechanic dasar, dimaksudkan untuk membuat aset atau animasi statis yang dibangun menggunakan komponen reaksi yang membuat SVG. |
| @Mechanic-Design/Engine-SVG | Fungsi mesin yang memperluas kelas Mechanic dasar, diinapsi untuk membuat aset atau animasi statis yang dibangun menggunakan string SVG. |
| @Mechanic-Design/Utils | Definisi CLI Tujuan Umum untuk digunakan oleh paket mekanik lainnya. |
| @Mechanic-Design/DSI-Logo-Maker | Proyek alat desain yang dibuat dengan mekanik untuk membangun aset dan animasi yang mengikuti logo identitas DSI. |
Untuk memulai, klon repo ini.
Kemudian jalankan, npm run bootstrap . Ini akan menyimpang semua dependensi bersama -sama dan menjalankan npm i di dalam setiap paket. Menjalankan npm i di dalam folder paket tidak akan berfungsi.
Itu seharusnya cukup untuk menguji fungsionalitas paket individu tertentu, tetapi untuk menguji proyek mekanik dengan versi paket lokal, kami menggunakan yalc .
npm link gagal untuk mereproduksi resolusi dependensi paket seperti yang dilakukan oleh proyek dengan menginstal dari registri NPM. yalc dapat mempublikasikan paket secara lokal seperti halnya ke registri NPM, untuk kemudian digunakan dalam proyek -proyek lokal.
Untuk melakukan ini, pertama instal yalc secara global. Untuk menerbitkan semua paket dalam repo, jalankan npm run publish:local . Untuk menerbitkan paket individual, jalankan yalc push dari direktori atau yalc push ./packages/[package] . Jalankan salah satu dari perintah ini saat Anda ingin memperbarui konten yang dipublikasikan.
Kemudian dalam proyek untuk menguji paket, sebelum menginstal dependensi menjalankan yalc add [package] untuk semua paket yang ingin Anda uji. Kemudian instal secara normal dengan npm i .
Untuk kebutuhan lain, periksa dokumentasi yalc .
Jalankan npm run publish
