vue clownfish admin

VITE + VUE3 + AntD + TypeScript -Management Hintergrund Einfacher Framework

? Einführung

Vue-Clownfish-Admin ist ein einfacher Rahmen für das Front-End des Back-End-Managements durch den neuesten Technologiestapel Vue. Basierend auf VUE3 wird die Kernbibliothek des neuesten Ökosystems von Integrated VUE3 implementiert. Die wichtigsten technischen Stapel sind ES2015+, TypeScript, VUE3, Pinia, Vue-Router, Vite, Antd, die wissen, dass diese Technologien Sie erleichtern, dieses Projekt zu starten. Dieses Projekt basiert auf vite und verwendet vue3 als Entwicklungstechnologie.

? Vorteile

• Verwenden Sie fast die aktuelle neueste Technologieentwicklung (Vite, Vue3, TS, Pinia)
• Die Entkopplung der Layoutkomponente kann leicht umgeschaltet und die Komponente ersetzt werden
• Leichte Vorlage, niedrige Lernkosten

?

• Generieren Sie dynamisch das Sidebar -Menü (unterstützen Sie Multi -Layer -Verschrottungen und externe Links).
• Dynamisch Brotabfälle erzeugen
• Navigations -Registerkarten -Seiten (Ziehensortieren, rechts -Klicken Sie auf das Pop -up -Menü, Seite aktualisieren usw.)
• Das Sidebar -Menü, die Brotkrumen und die Registerkarten unterstützen das Symbol -Symbol (AntD -Symbol und SVG)
• Basierend auf der Seite Dynamic Cache Routenkonfiguration
• Dynamische Routing -Seite
• Dynamisches Menü
• Routenberechtigungskonfiguration
• Fügen Sie dem CSS -Code automatisch Präfix hinzu, um die Stile an verschiedene Browser anzupassen
• Unterstützen Sie die Verwendung von JSX/TSX für die Entwicklung
• Unterstützung der Mock -Simulationsschnittstelle unterstützen
• Multi -Ambient -Konfiguration

?

 # 克隆项目
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: Lokale Entwicklung
• Stufe: Umweltentwicklung voraberhielt
• Build: Verpackungsartikelcode
• Build: Stufe: Packen Sie den Umgebungscode vor der Veröffentlichung
• Vorschau: Vorschau -Elemente nach dem Packen

• Das Verständnis dieser kann hilfreich sein

1. SRC/Komponenten, AntD -Komponenten und AntD -Symbole müssen nicht erweitert werden (außer TSX).
2. Vue, Pinia, Vue-Router, SRC/Utils und Funktionen unter SRC/Componierbar erfordern keinen expliziten Import (können unter vite.config.ts konfiguriert werden).
3. Es besteht keine Notwendigkeit, sich an mehrere Browser wie Flex, Gitter und andere CSS -Stile anzupassen, und das Framework wurde mit automatischer Anpassung ausgestattet.
4. Die meisten Szenen werden empfohlen, um REM anstelle von PX zu verwenden, um mehr unterschiedliche Auflösungsbildschirme anzupassen.

? andere

Online -Vorschau

Online -Vorschau (Inlandsnetzwerkbesuch)

Gitee -Adresse

Elektronenversion

ElementPlus Version

?

MIT -Lizenz

Copyright © 2022-Präsententen Zhaojiexin