vite-element-admin

技术栈

1. vue@2.7
2. pinia
3. vue-router@3.6
4. vueuse@latest
5. element-ui@latest
6. unocss@latest

目前 element-ui 使用完整导入

准备

• node 和 git -项目开发环境
• Vite - 熟悉 vite 特性
• Vue3 - 熟悉 Vue 基础语法
• Es6+ - 熟悉 es6 基本语法
• Vue-Router - 熟悉 vue-router 基本使用
• Element - ui 基本使用

起步

• 安装依赖

cd [project]

npm install

• 运行

npm run dev

feat:

• 媒体查询
• 按钮权限、菜单权限
• 一些公共组件

目录结构

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

常见问题

首先有任何报错，最简单的方法是把报错信息复制到浏览器里面搜索一下！！！

• Google 点我
• 百度点我

致谢

• vue-element-admin
• vue-vben-admin
• ant-design-vue-pro
• naive-ui-admin
• element-pro-components