Rino, pembangun laman web statik mudah dengan HTML, CSS dan Typescript/Javascript

Pembelajaran pantas, prapemprosesan, pembina laman web intuitif

Rino.js ialah rangka kerja web anda untuk membina tapak web statik yang cekap dengan HTML, CSS dan Typescript/Javascript. Direka untuk pembangun semua peringkat, ia memudahkan pembangunan web dengan menggabungkan kuasa teknologi web standard dengan alat prapemprosesan yang diperkemas.

Keperluan

• Node.js
• HTML
• CSS
• Javascript / Typescript

Mula Pantas

Bermula adalah semudah:

npm create rino@latest

Dengan hanya satu arahan, anda boleh menyediakan projek anda dan mula membangunkan serta-merta.

Mengapa Memilih Rino.js untuk Tapak Web Anda?

Rangka kerja web moden seperti Angular, React, Next.js, Vue dan Nuxt telah membentuk semula pembangunan apl web, tetapi ia sering datang dengan cabaran seperti:

• Kos yang Lebih Tinggi: Peningkatan perbelanjaan untuk pengehosan, pengurusan trafik dan penyelenggaraan.
• Kerumitan: Keluk pembelajaran yang curam, peraturan yang rumit dan kelajuan binaan yang lebih perlahan.
• Permintaan Sumber: Keperluan pengkomputeran yang lebih tinggi.

Masukkan Rino.js. Dibina untuk memudahkan proses, Rino.js memfokuskan pada teknologi web standard: HTML, CSS dan JavaScript. Ia menyediakan:

• Komponen HTML: Bina komponen boleh guna semula dengan mudah.
• Integrasi Lancar: Gunakan pakej npm dan perpustakaan untuk JavaScript. Import fail CSS dan jana sebagai satu.
• Alat Automasi: Jana peta laman, mampatkan imej dan banyak lagi.

Malah pemula boleh memahami asas Rino.js dalam masa 30 minit, menjadikannya pilihan yang sangat baik untuk pembangunan pesat. Lihat panduan Struktur Projek dan Sintaks untuk menyelam lebih mendalam.

Rino.js juga menawarkan fleksibiliti: ia membolehkan anda menyepadukan rangka kerja lain seperti React atau Vue apabila diperlukan, memastikan projek anda ringan dan terurus.

Perintah

Pembangunan
Jalankan pelayan pembangunan:

npm run dev

Penjanaan Laman Web Statik
Hasilkan tapak web statik anda:

npm run generate

Jana tapak web statik anda dengan peta laman:

npm run generate-sitemap

Mampatan Imej
Jalankan alat pemampatan imej:

npm run image

Struktur Projek

Rino.js 2 memperkenalkan direktori projek intuitif dan struktur fail, menekankan automasi dan kesederhanaan.
Direktori Utama

• /halaman: Fail HTML asas untuk halaman web. Struktur fail dan direktori secara langsung mencerminkan output akhir.
• /komponen: Komponen HTML boleh guna semula. Gunakannya dengan sintaks seperti:

npm create rino@latest

• /mds: Fail Markdown, dihuraikan secara automatik ke dalam HTML.
• /awam: Fail statik seperti imej dan aset luaran.
• /skrip: perpustakaan JavaScript. Letakkan skrip boleh eksport dalam /scripts/export/.
• /styles: perpustakaan CSS. Gaya boleh eksport masuk ke /styles/export/.

Membuat templat dengan JavaScript/TypeScript

npm run dev

Sokongan Markdown

Benamkan Markdown terus ke dalam fail HTML anda:

npm run generate

Projek sumber terbuka berlesen percuma MIT

Rino.js ialah projek sumber terbuka di bawah lesen MIT, percuma untuk digunakan oleh semua orang.

Ketahui Lebih Lanjut

• Tapak Web Rasmi - https://rinojs.org/
• Perbincangan GitHub - https://github.com/orgs/rinojs/discussions
• GitHub - https://github.com/rinojs

Mulakan perjalanan anda dengan Rino.js hari ini dan tentukan semula cara anda membina tapak web—lebih pantas, ringkas dan lebih intuitif.

Atas ialah kandungan terperinci Rino, pembangun laman web statik mudah dengan HTML, CSS dan Typescript/Javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!