celeris web
1.0.0
Celeris Web adalah kerangka pengembangan front-end sumber terbuka dan gratis yang memanfaatkan teknologi terbaru, termasuk Vue 3, Vite, dan TypeScript. Pendekatan monorepo memudahkan pengelolaan dependensi dan berkolaborasi dalam banyak proyek, memberikan pengembang solusi komprehensif untuk membangun aplikasi web modern.
Baik Anda seorang pengembang berpengalaman atau baru memulai, Celeris Web menawarkan proses pengembangan front-end yang efisien yang memanfaatkan alat dan teknik terbaru.
Mulailah dengan celeris-web sekarang dan rasakan proses pengembangan front-end yang sangat efisien yang memanfaatkan kekuatan teknologi terbaru, termasuk kemampuan pemrosesan bahasa alami yang mutakhir.
grafik TD
admin{admin}
admin --> admin-api
admin --> aset
admin --> komponen-ca
admin --> komponen
admin --> konstanta
admin --> arahan
admin --> kait
admin --> lokal
admin --> permintaan
admin --> gaya
admin --> jenis
admin --> utilitas
aktiva
komponen
komponen --> aset
komponen --> komponen-ca
komponen --> konstanta
komponen --> gaya
komponen --> tipe
komponen --> utilitas
komponen ca
komponen-ca --> konstanta
ca-components --> utils
arahan
arahan -> utils
kait
kait --> jenis
lokal
lokal -> konstanta
lokal --> tipe
lokal --> utilitas
meminta
permintaan --> konstanta
permintaan --> lokal
permintaan --> jenis
permintaan --> utilitas
jenis
tipe --> konstanta
utilitas
utilitas --> tipe
admin-api
admin-api --> konstanta
admin-api --> tipe
Untuk memperbarui diagram di atas, edit file README dan buka PR baru dengan perubahannya.
Dalam desain Celeris Web, kami menekankan pada keterbacaan dan pembelajaran kode. Untuk mencapai hal ini, setiap fungsi dilengkapi dengan komentar bilingual dalam bahasa Mandarin dan Inggris, memastikan bahwa pengembang, apa pun bahasa aslinya, dapat dengan mudah memahami dan belajar dari kode tersebut.
Mengapa Memilih Komentar Bilingual?
Kolaborasi Global: Dalam tim multikultural, komentar bilingual mendorong komunikasi dan kolaborasi yang lebih baik, memastikan bahwa anggota tim dapat memahami fungsi dan penerapan kode secara akurat.
Pembelajaran Nyaman: Untuk pemula, komentar bilingual menyediakan lingkungan belajar yang lebih ramah pengguna, membantu mereka memahami logika dan struktur kode dengan cepat.
Ramah Pengembang: Kami berkomitmen untuk menciptakan lingkungan yang ramah pengembang, dan komentar bilingual adalah langkah penting yang kami ambil untuk mencapai tujuan ini.
Contoh:
/**
* 打开一个新的浏览器窗口
* Open a new browser window
*
* @param {string} url - 要在新窗口中打开的 URL
* The URL to open in the new window
*
* @param {object} options - 打开窗口的选项
* Options for opening the window
* @param {string} options.target - 新窗口的名称或特殊选项，默认为 "_blank"
* @param {string} options.features - 新窗口的特性（大小，位置等），默认为 "noopener=yes,noreferrer=yes"
*/
export function openWindow ( url : string , { target = "_blank" , features = "noopener=yes,noreferrer=yes" } : {
target ?: "_blank" | "_self" | "_parent" | "_top" ; // 新窗口的名称或特殊选项，默认为 "_blank"
features ?: string ; // 新窗口的特性（大小，位置等），默认为 "noopener=yes,noreferrer=yes"
} = { } ) {
window . open ( url , target , features ) ;
}Melalui komentar bilingual ini, kami bertujuan untuk memberikan pengalaman pengkodean yang lebih menyenangkan dan efisien kepada pengembang, menjadikan Celeris Web sebagai templat frontend yang benar-benar mudah untuk diambil dan dipelajari.
1. Manajemen Ketergantungan yang Lebih Mudah: Monorepo memusatkan pengelolaan ketergantungan untuk semua proyek, menghindari konflik versi antara proyek yang berbeda dan membuat manajemen ketergantungan secara keseluruhan lebih jelas dan sederhana.
2. Berbagi Kode dan Dapat Digunakan Kembali: Proyek yang berbeda dapat dengan mudah berbagi dan menggunakan kembali kode, sehingga mengurangi beban kerja pengembangan yang berlebihan. Hal ini sangat bermanfaat untuk menjaga konsistensi kode dan meningkatkan efisiensi pengembangan.
3. Pembangunan dan Penerapan Terpadu: Monorepo menyederhanakan seluruh proses pengembangan melalui alur kerja pembangunan dan penerapan terpadu, mengurangi kompleksitas konfigurasi dan manajemen serta meningkatkan efisiensi kolaborasi dalam tim pengembangan.
4. Kontrol Versi Terpadu: Dengan semua proyek berada dalam repositori kontrol versi yang sama, manajemen versi menjadi lebih konsisten dan terkendali. Hal ini membantu tim melacak dan menangani masalah terkait versi dengan lebih baik. Desain Monorepo memposisikan Celeris Web tidak hanya sebagai template sistem admin tetapi juga sebagai template web frontend untuk produk C-end yang berkembang pesat. Dengan Celeris Web, perjalanan pengembangan frontend menjadi lebih santai dan menyenangkan!
Di pasar, sebagian besar templat frontend terutama memenuhi kebutuhan pengguna B-end, menyediakan fitur canggih dan antarmuka fleksibel untuk sistem manajemen perusahaan (Admin). Namun, hanya sedikit template yang mempertimbangkan karakteristik produk C-end dalam desainnya, dan di sinilah Celeris Web berinovasi.
Mendobrak Batasan Manajemen Admin:
Sistem manajemen Admin tradisional memprioritaskan tampilan data dan manajemen bisnis, sedangkan produk C-end menekankan pengalaman pengguna dan daya tarik visual. Menyadari tuntutan pengguna C-end akan antarmuka yang estetis dan interaksi yang lancar, Celeris Web tidak hanya menawarkan fitur manajemen backend yang kuat namun juga berfokus pada peningkatan antarmuka frontend ke tingkat kepuasan pengguna yang lebih tinggi.
Berfokus pada Pengalaman Pengguna C-End:
Celeris Web bukan sekadar templat untuk sistem admin; ini adalah template web frontend yang memprioritaskan pengalaman pengguna untuk produk C-end. Kami bertujuan untuk melepaskan diri dari kendala sistem Admin tradisional dengan memperkenalkan prinsip desain inovatif, memastikan bahwa produk C-end yang disajikan di frontend memberikan pengalaman pengguna yang luar biasa.
Fitur Unggulan:
Dengan filosofi desain yang unik ini, Celeris Web berupaya mengeksplorasi kemungkinan-kemungkinan baru dalam pengembangan frontend, memberikan lebih banyak vitalitas dan kreativitas ke dalam produk-produk C-end. Kami percaya bahwa inovasi tersebut akan mendapatkan pengakuan luas dari pengguna dan berkontribusi pada nilai produk yang lebih tinggi. Di dunia Celeris Web, pengembangan frontend melampaui batas sistem Admin, menggabungkan elemen yang lebih menarik terkait pengalaman pengguna.
Buat repo dari templat ini di GitHub.
npx degit kirklin/celeris-web my-vite-app
cd my-vite-app
pnpm iJalankan saja dan kunjungi http://localhost:8888
pnpm run devUntuk membangun Aplikasi, jalankan
pnpm run build Dan Anda akan melihat file yang dihasilkan di dist yang siap disajikan.
Buka Netlify dan pilih klon Anda, OK sepanjang prosesnya, dan Aplikasi Anda akan aktif sebentar lagi.
Pertama, buat image celeris-web dengan membuka terminal di direktori root proyek.
docker buildx build . -t celeris-web:latest Jalankan image dan tentukan pemetaan port dengan flag -p .
docker run --rm -it -p 8080:80 celeris-web:latest
