vue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目，内部的架构非常的完善，简单易上手。
一、初次使用vue-element-admin-template
2.下载解压之后，将文件夹拖入项目文件中，进入模板项目的文件夹中（cd vue-admin-template-master），打开cmd进行依赖库的安装：npm install
3.安装完毕之后，使用vscode打开项目，在package.json中的script配置项中获知运行指令：npm run dev
4.不知名原因致使运行不成功：
5.查询后发现：node版本过高（需求16，实际18），解决办法手动降低环境node的版本，或者script配置项中添加：SET NODE_OPTIONS=--openssl-legacy-provider
6.再次使用npm run dev，项目成功运行：
7.该模板有相对更完整的版本，官网：https://github.com/PanJiaChen
效果大致如下：
二、开始使用vue-element-admin-template
1.了解项目的文件结构： ————————————————
├── build # 构建相关
├── mock # 项目mock 模拟数据
├── public # 静态资源
│ │── favicon.ico # favicon图标
│ └── index.html # html模板
├── src # 源代码
│ ├── api # 所有请求
│ ├── assets # 主题 字体等静态资源
│ ├── components # 全局公用组件
│ ├── icons # 项目所有 svg icons
│ ├── layout # 全局 layout
│ ├── router # 路由（vue-router）
│ ├── store # 全局 store管理（vuex）
│ ├── styles # 全局样式
│ ├── utils # 全局公用方法（主要是request.js-axios封装及api.js）
│ ├── vendor # 公用vendor
│ ├── views # views 所有页面（一般一个文件夹就是一个侧边栏的一级路由）
│ ├── App.vue # 入口页面
│ ├── main.js # 入口文件 加载组件 初始化等
│ └── permission.js # 权限管理
│ └── settings.js # 配置文件
├── tests # 测试
├── .env.xxx # 环境变量配置
├── .eslintrc.js # eslint 配置项
├── .babelrc # babel-loader 配置
├── .travis.yml # 自动化CI配置
├── vue.config.js # vue-cli 配置
├── postcss.config.js # postcss 配置
└── package.json # package.json(版本号、项目运行依赖)
————————————————
