VITE + VUE3 + Antd + TypeScript Background Background Framework simple
? Introducción
Vue-Clownfish-Admin es un marco simple de gestión de back-end front-end de la última pila de tecnología de Vue. Basado en VUE3, se implementa la biblioteca central del último ecosistema de Vue3 integrado. Las principales pilas técnicas son ES2015+, TypeScript, VUE3, PiDIA, Vue-Router, Vite, Antd, sabiendo que estas tecnologías le facilitarán comenzar este proyecto. Este proyecto se basa en vite y usa vue3 como tecnología de desarrollo.
?
- Casi use el último desarrollo tecnológico actual (VITE, VUE3, TS, PCINA)
- El desacoplamiento del componente de diseño se puede cambiar fácilmente y reemplazar el componente
- Plantilla liviana, bajo costo de aprendizaje
?
- Genere dinámicamente el menú de la barra lateral (soporte de anidación de sillínas múltiples y enlaces externos)
- Generar dinámicamente los restos de pan
- Páginas de pestaña de navegación (arrastrar el tipo, a la derecha, haga clic en el menú pop -Up, actualización de la página, etc.)
- El menú de la barra lateral, las migas de pan y las pestañas admiten el icono del icono (icono Antd y SVG)
- Basado en la página de caché dinámico de configuración de ruta
- Página de enrutamiento dinámico
- Menú dinámico
- Configuración de permisos de ruta
- Agregue automáticamente el prefijo al código CSS para que los estilos se adapten a diferentes navegadores
- Apoyar el uso de JSX/TSX para el desarrollo
- Admite interfaz simulación simulada
- Configuración múltiple
?
# 克隆项目
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: desarrollo local
- Etapa: Desarrollo de entornos previos a la liberación
- compilación: código de elemento de embalaje
- Build: Etapa: Código de entorno previo a la liberación de embalaje
- Vista previa: Vista previa después de empacar
• Comprender estos puede ser útil
- SRC/componentes, componentes ANTD, iconos Antd no necesitan extenderse (excepto TSX).
- Vue, Pija, Vue-Router, SRC/Utils y las funciones en SRC/Composible no requieren importación explícita (se puede configurar en vite.config.ts).
- No hay necesidad de adaptarse a múltiples navegadores como Flex, Grid y otros estilos CSS, y el marco ha sido equipado con adaptación automática.
- Se recomienda que la mayoría de las escenas usen REM en lugar de PX para adaptar más pantallas de resolución diferentes.
? otro
Vista previa en línea
Vista previa en línea (visita a la red nacional)
Dirección
Versión de electrones
Versión ElementPlus
?
Licencia de MIT
Copyright © 2022 presente zhaojiexina
