Vite + VUE3 + Antd + TypeScript Manajemen Latar Belakang Kerangka Sederhana
? Perkenalan
Vue-Clownfish-Admin adalah kerangka sederhana front-end manajemen back-end oleh tumpukan teknologi terbaru Vue. Berdasarkan VUE3, perpustakaan inti dari ekosistem terbaru Vue3 terintegrasi diimplementasikan. Tumpukan teknis utama adalah ES2015+, TypeScript, Vue3, Pinia, Vue-Router, Vite, ANTD, mengetahui teknologi ini akan memudahkan Anda untuk memulai proyek ini. Proyek ini didasarkan pada vite dan menggunakan vue3 sebagai teknologi pengembangan.
? Keuntungan
- Hampir menggunakan pengembangan teknologi terbaru saat ini (Vite, Vue3, TS, Pinia)
- Decoupling komponen tata letak dapat dengan mudah diaktifkan dan mengganti komponen
- Template ringan, biaya belajar rendah
?
- Secara dinamis menghasilkan menu sidebar (dukungan multi -layer sarang dan tautan eksternal)
- Secara dinamis menghasilkan puing roti
- Halaman tab Navigasi (Sortir Seret, Kanan -Klik Menu Pop -up, Refresh Halaman, dll.)
- Menu bilah samping, remah roti, dan tab semuanya mendukung ikon ikon (ikon ANTD dan SVG)
- Berdasarkan halaman cache dinamis konfigurasi rute
- Halaman perutean dinamis
- Menu Dinamis
- Konfigurasi Izin Rute
- Secara otomatis menambahkan awalan ke kode CSS untuk membuat gaya beradaptasi dengan browser yang berbeda
- Dukung penggunaan JSX/TSX untuk pengembangan
- Mendukung antarmuka simulasi tiruan
- Konfigurasi multi -ambient
Persiapan pengembangan
# 克隆项目
git clone https://github.com/1esse/vue-clownfish-admin.git
# 进入目录
cd vue-clownfish-admin
# 下载依赖包
npm install # 使用npm
yarn # 使用yarn
# 启动项目
npm run dev # 使用npm
yarn dev # 使用yarn
Perintah Scripts?
- Dev: Pengembangan Lokal
- Tahap: Pengembangan Lingkungan Pra -Lepaskan
- Build: Kode item pengemasan
- Build: Tahap: Kode Lingkungan Pra -Pelepasan
- Pratinjau: Pratinjau item setelah pengemasan
• Memahami ini mungkin membantu
- SRC/komponen, komponen ANTD, ikon ANTD tidak perlu diperpanjang (kecuali TSX).
- Vue, pinia, vue-router, src/utils, dan fungsi di bawah src/komposable tidak memerlukan impor eksplisit (dapat dikonfigurasi di vite.config.ts).
- Tidak perlu beradaptasi dengan beberapa browser seperti Flex, Grid dan gaya CSS lainnya, dan kerangka kerja telah dilengkapi dengan adaptasi otomatis.
- Sebagian besar adegan disarankan untuk menggunakan REM alih -alih PX untuk mengadaptasi layar resolusi yang lebih berbeda.
? lainnya
Pratinjau online
Pratinjau online (kunjungan jaringan domestik)
Alamat gitee
Versi elektron
Versi ElementPlus
Lisensi
Lisensi MIT
Hak Cipta © 2022-sekarang Zhaojiexin
