ดาวน์โหลด vue clownfish admin - vue clownfish admin source source download

vue clownfish admin

หมวดหมู่อื่นๆ

v1.3.1

ดาวน์โหลด

VITE + VUE3 + ANTD + พื้นหลังการจัดการ typeScript Framework Simple Framework

? การแนะนำ

Vue-Clownfish-Admin เป็นกรอบง่าย ๆ ของการจัดการด้านหลังส่วนหน้าโดย Technology Stack of Vue ล่าสุด ขึ้นอยู่กับ Vue3 ห้องสมุดหลักของระบบนิเวศล่าสุดของ Vue3 Integrated ถูกนำมาใช้ กองเทคนิคหลักคือ ES2015+, typeScript, Vue3, Pinia, Vue-Router, Vite, Antd, การรู้ว่าเทคโนโลยีเหล่านี้จะทำให้คุณเริ่มโครงการนี้ได้ง่ายขึ้น โครงการนี้ขึ้นอยู่กับ vite และใช้ vue3 เป็นเทคโนโลยีการพัฒนา

? ข้อดี

เกือบจะใช้การพัฒนาเทคโนโลยีล่าสุดในปัจจุบัน (Vite, Vue3, TS, Pinia)
การแยกส่วนประกอบเลย์เอาต์สามารถสลับได้อย่างง่ายดายและแทนที่ส่วนประกอบ
เทมเพลตน้ำหนักเบาราคาเรียนรู้ต่ำ

ฟังก์ชั่นหลัก

สร้างเมนูแถบด้านข้างแบบไดนามิก (รองรับการทำรังแบบหลายเครื่องและลิงก์ภายนอก)
สร้างเศษขนมปังแบบไดนามิก
หน้าแท็บการนำทาง (การเรียงลำดับการลากขวา -คลิกเมนูป๊อปอัพ, การรีเฟรชหน้า ฯลฯ )
เมนูแถบด้านข้างขนมปังกรอบและแท็บทั้งหมดรองรับไอคอนไอคอน (ไอคอน ANTD และ SVG)
ขึ้นอยู่กับหน้าแคชแบบไดนามิกการกำหนดค่าเส้นทาง
หน้าเส้นทางแบบไดนามิก
เมนูแบบไดนามิก
การกำหนดค่าการอนุญาตเส้นทาง
เพิ่มคำนำหน้าลงในรหัส CSS โดยอัตโนมัติเพื่อให้สไตล์ปรับให้เข้ากับเบราว์เซอร์ที่แตกต่างกัน
สนับสนุนการใช้ JSX/TSX เพื่อการพัฒนา
สนับสนุนอินเทอร์เฟซจำลองจำลองจำลอง
การกำหนดค่าหลายตัว

การเตรียมการพัฒนา

 # 克隆项目
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

คำสั่งสคริปต์

Dev: การพัฒนาท้องถิ่น
ขั้นตอน: การพัฒนาสิ่งแวดล้อมล่วงหน้า
Build: รหัสรายการบรรจุภัณฑ์
Build: Stage: Praging Pre -Release Environment Code
ดูตัวอย่าง: ตัวอย่างรายการหลังจากบรรจุ

•การทำความเข้าใจสิ่งเหล่านี้อาจเป็นประโยชน์

SRC/ส่วนประกอบ, ส่วนประกอบ ANTD, ไอคอน ANTD ไม่จำเป็นต้องขยาย (ยกเว้น TSX)
Vue, Pinia, Vue-Router, Src/Utils และฟังก์ชั่นภายใต้ SRC/Composable ไม่จำเป็นต้องนำเข้าอย่างชัดเจน (สามารถกำหนดค่าได้ที่ vite.config.ts)
ไม่จำเป็นต้องปรับให้เข้ากับเบราว์เซอร์หลายตัวเช่น Flex, Grid และสไตล์ CSS อื่น ๆ และเฟรมเวิร์กได้รับการปรับตัวโดยอัตโนมัติ
ฉากส่วนใหญ่แนะนำให้ใช้ REM แทน PX เพื่อปรับหน้าจอความละเอียดที่แตกต่างกันมากขึ้น