vite element plus admin

vite-element-plus-admin

Modelo experimental de back-end de administrador

pilha de tecnologia

1. [email protected] + pinia + [email protected]
2. axios@mais recente
3. vueuse@mais recente
4. elemento-plus@mais recente
5. unocss@mais recente

Atualmente element-plus usa importação completa

Preparar

• node e git - ambiente de desenvolvimento de projetos
• Vite - Familiarize-se com os recursos do vite
• Vue3 - Familiarizado com a sintaxe básica do Vue
• Es6+ – Familiarizado com a sintaxe básica do es6
• Vue-Router-Next – Familiarizado com o uso básico do vue-router
• Element-Plus - uso básico da interface do usuário

Começar

• Instalar dependências

 cd [project]

npm install

• correr

npm run dev

Processo de teste

1. Mesclar código dos respectivos ramos de desenvolvimento para dev
2. Jenkins clique em publicar

Processo de liberação

1. Mesclar código dos respectivos ramos de desenvolvimento para dev
2. desenvolvedor -> mestre
3. mestre -> lançamento de execução npm
4. Jenkins clique em publicar

Estrutura de diretório

 ├─build # 编译相关
├─mock # 数据模拟
├─public
│
└─src
    │  App.vue
    │  main.js
    │
    ├─api # api接口
    ├─assets  # 图片、视频、音频、字体等资源
    │  ├─images
    │  ├─logo
    │  └─styles
    │
    ├─components # 组件库
    ├─enums # 前端枚举
    ├─hooks # 钩子函数
    ├─install # 指令、插件
    │  ├─directives
    │  └─plugins
    │
    ├─layouts # 骨架
    │  ├─blank
    │  └─default
    │
    ├─router # 路由
    │
    ├─settings # 设置
    │
    ├─store # store
    │
    ├─utils # 工具方法
    │
    └─views # 页面

Relacionado ao GIT

• tronco mestre
• teste de desenvolvimento
• dev-xxx corresponde a cada pessoal de front-end

Perguntas frequentes

Em primeiro lugar, se houver algum erro, a maneira mais fácil é copiar a mensagem de erro no navegador e procurá-la! ! !

• Google clique em mim
• Baidu clique em mim

Agradecimentos

• vue-element-admin
• vue-vben-admin
• ant-design-vue-pro
• ingênuo-ui-admin
• elemento-pró-componentes