vue clownfish admin

Vite + Vue3 + Antd + TypeScript Management Background Framework Simple Framework

? Introduction

Vue-Clownfish-Admin est un cadre simple de la gestion de la gestion back-end par la dernière pile technologique de Vue. Sur la base de Vue3, la bibliothèque de base du dernier écosystème intégré de Vue3 est implémentée. Les principales piles techniques sont ES2015 +, TypeScript, Vue3, PINIA, Vue-Router, Vite, Antd, la connaissance de ces technologies vous facilitera le démarrage de ce projet. Ce projet est basé sur vite et utilise vue3 comme technologie de développement.

?

• Utilisez presque le développement actuel des technologies (VITE, VUE3, TS, PINIA)
• Le découplage du composant de disposition peut être facilement commuté et remplacé le composant
• Modèle léger, faible coût d'apprentissage

?

• Générez dynamiquement le menu de la barre latérale (prends en charge les liens de nidification et de liens externes)
• Générer dynamiquement des débris de pain
• Pages de l'onglet de navigation (Tri de glisser, à droite - Cliquez sur le menu POP -Up, actualisation de la page, etc.)
• Le menu de la barre latérale, les miettes de pain et les onglets prennent tous en charge l'icône de l'icône (icône ANTD et SVG)
• Basé sur la page de cache dynamique de la configuration de l'itinéraire
• Page de routage dynamique
• Menu dynamique
• Configuration des autorisations d'itinéraire
• Ajoutez automatiquement le préfixe au code CSS pour que les styles s'adaptent à différents navigateurs
• Soutenir l'utilisation de JSX / TSX pour le développement
• Prise en charge de l'interface de simulation simulée
• Configuration multi-ambition

?

 # 克隆项目
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: Développement local
• Étape: Développement de l'environnement avant la libération
• Création: code d'article d'emballage
• Build: Stage: Emballage du code de l'environnement pré-libération
• Aperçu: Aperçu des articles après l'emballage

• Comprendre ceux-ci peuvent être utiles

1. Src / composants, composants ANTD, icônes ANTD n'ont pas besoin d'être étendues (sauf TSX).
2. Vue, Pinia, Vue-Router, Src / Utils et les fonctions sous SRC / Composable ne nécessitent pas d'importation explicite (peut être configuré sur vite.config.ts).
3. Il n'est pas nécessaire de s'adapter à plusieurs navigateurs tels que Flex, Grid et d'autres styles CSS, et le cadre a été équipé d'une adaptation automatique.
4. La plupart des scènes sont recommandées d'utiliser REM au lieu de PX pour adapter des écrans de résolution plus différents.

? autre

Aperçu en ligne

Aperçu en ligne (visite du réseau domestique)

Adresse gitee

Version électronique

Version ElementPlus

? Licence

Licence MIT

Copyright © 2022-présent Zhaojiexin