Vite + vue3 + ANTD + Backgramento de gerenciamento de texto datilografado Framework simples
Introdução?
Vue-Clownfish-Admin é uma estrutura simples do front-end de gerenciamento de back-end pela mais recente pilha de tecnologia da Vue. Com base no VUE3, a biblioteca principal do ecossistema mais recente da Integrated Vue3 é implementada. As principais pilhas técnicas são ES2015+, TypeScript, Vue3, Pinia, Vue-Router, Vite, Antd, sabendo que essas tecnologias facilitarão o início deste projeto. Este projeto é baseado no vite
e usa vue3
como uma tecnologia de desenvolvimento.
Vantagens?
- Quase use o atual desenvolvimento tecnológico atual (Vite, Vue3, TS, Pinia)
- O desacoplamento do componente de layout pode ser facilmente alterado e substituído o componente
- Modelo leve, baixo custo de aprendizado
?
- Gere dinamicamente o menu da barra lateral (suporta o ninho de camadas múltiplas e links externos)
- Gerar detritos de pão dinamicamente
- Páginas da guia de navegação (Classificação de arrastar, clique com a direita no menu pop -up, atualização da página, etc.)
- O menu da barra lateral, as migalhas de pão e as guias suportam o ícone do ícone (ícone ANTD e SVG)
- Com base na página de cache dinâmica de configuração de rota
- Página de roteamento dinâmico
- Menu dinâmico
- ROTA CONFIGURAÇÃO DE PERMISSÕES
- Adicione automaticamente o prefixo ao código CSS para fazer os estilos se adaptarem a diferentes navegadores
- Apoiar o uso de JSX/TSX para desenvolvimento
- Apoiar a interface de simulação simulada
- Configuração multi -ambiental
?
# 克隆项目
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
Comando?
- Dev: Desenvolvimento Local
- Etapa: Desenvolvimento do ambiente de pré -lançamento
- Construir: código do item de embalagem
- Construção: estágio: embalando o código do ambiente de pré -lançamento
- Visualização: Visualizar itens após a embalagem
• Compreender isso pode ser útil
- Src/componentes, componentes ANTD, ícones ANTD não precisam ser estendidos (exceto TSX).
- Vue, Pinia, Vue-Router, SRC/UTILs e funções sob SRC/Composável não requerem importação explícita (pode ser configurada em vite.config.ts).
- Não há necessidade de se adaptar a vários navegadores, como Flex, Grid e outros estilos CSS, e a estrutura foi equipada com adaptação automática.
- A maioria das cenas é recomendada para usar o REM em vez de PX para adaptar telas de resolução mais diferentes.
? outro
Visualização online
Visualização online (visita de rede doméstica)
Endereço Gitee
Versão eletrônica
Versão elementPlus
Licença?
MIT Licença
Copyright © 2022-presente Zhaojiexin