carbon ui builder

Builder karbon UI - komposer fragmen UI oleh IBM

Carbon UI Builder adalah alat pembangun visual untuk komponen UI karbon yang memungkinkan Anda membangun halaman produk dalam waktu yang biasa dilakukan.

Ekspor dalam hitungan detik sebagai

• gambar untuk presentasi
• aplikasi demo langsung untuk pengujian pengguna atau
• Kode Kualitas Produksi

dan menggabungkan dalam frontend produk yang ada.

Tidak diperlukan pengkodean.

Melihatnya beraksi!

Pribadi

Semua data Anda disimpan dengan aman di komputer Anda, tidak pernah meninggalkan browser. Ini berarti bahwa pembangun karbon UI berfungsi bahkan jika Anda tidak memiliki koneksi internet.

Apa itu karbon?

Ini adalah sistem desain IBM dengan implementasi komponen yang siap digunakan dalam sudut, bereaksi dan vue.

Pengembangan dan tuan rumah mandiri

Di direktori proyek, Anda dapat menjalankan:

npm install

Menginstal semua paket yang diperlukan dan hanya diperlukan pertama kali, dan ketika Anda memperbarui.

npm start

Menjalankan aplikasi dalam mode pengembangan.

Buka http: // localhost: 3000 untuk melihatnya di browser.

Halaman ini akan memuat ulang jika Anda mengedit.

Anda juga akan melihat kesalahan serat di konsol.

npm test

Meluncurkan test runner dalam mode jam tangan interaktif.

npm run build

Membangun aplikasi untuk produksi ke folder build . Artefak build akan disimpan di dist/ Directory, siap digunakan.

Mulai aplikasi

Untuk memulai server pengembangan, jalankan nx serve builder . Buka browser Anda dan navigasikan ke http: // localhost: 4200/. Happy Coding!

Menghasilkan kode

Jika Anda menggunakan plugin NX, Anda dapat memanfaatkan generator kode yang mungkin menyertainya.

Jalankan nx list untuk mendapatkan daftar plugin yang tersedia dan apakah mereka memiliki generator. Kemudian jalankan nx list <plugin-name> untuk melihat generator apa yang tersedia.

Pelajari lebih lanjut tentang generator NX di dokumen.

Menjalankan tugas

Untuk menjalankan tugas dengan NX Gunakan sintaks berikut:

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

Anda juga dapat menjalankan beberapa target:

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

..atau tambahkan -p untuk memfilter proyek tertentu

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

Target dapat didefinisikan dalam package.json atau projects.json . Pelajari lebih lanjut di dokumen.

Ingin integrasi editor yang lebih baik?

Lihatlah ekstensi konsol NX. Ini memberikan dukungan otomatis, UI untuk mengeksplorasi dan menjalankan tugas & generator, dan banyak lagi! Tersedia untuk VScode, IntelliJ dan dilengkapi dengan LSP untuk pengguna VIM.