vue-element-template模板

一个大萝北

已于 2023-02-13 14:47:20 修改

阅读量2k

点赞数 5

分类专栏： # vue 前端文章标签： vue.js 前端 javascript

于 2022-12-21 22:16:17 首次发布

本文链接：https://blog.csdn.net/qq_40797578/article/details/128402313

版权

前端同时被 2 个专栏收录

32 篇文章 1 订阅

订阅专栏

vue

20 篇文章 2 订阅

订阅专栏

vue-element-template模板

vue-element-admin是一个非常全面的系统，提供了很多现成的方案，我们可以在写项目的时候过来参考，但是也有缺点：不太好进行二次开发，因为要删减的东西太多了。于是就有另外一个子系统vue-element-template,它提供了最基础的模板，非常方便来做二次开发。
在线运行效果：https://panjiachen.gitee.io/vue-admin-template/#/login?redirect=%2Fdashboard

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8n7YwQgo-1671629280080)(C:\Users\28132\AppData\Roaming\Typora\typora-user-images\1671623928781.png)]$

基础摸板的目录结构

├── build # 构建相关
├── mock # 项目mock 模拟数据，在接口服务器没有就绪时，临时充当接口
├── public # 静态资源
│ ├── favicon.ico # favicon图标
│ └── index.html # html模板
├── src # 源代码
│ ├── api # 所有请求
│ ├── assets # 主题字体等静态资源不会参与打包直接直出
│ ├── components # 全局公用组件和业务不相关上传组件
│ ├── icons # 项目所有 svg icons
│ ├── layout # 全局 layout 负责搭建项目的整体架子结构 html结构
│ ├── router # 路由
│ ├── store # store管理 vuex管理数据的位置模块化开发全局getters
│ ├── styles # 全局样式
│ ├── utils # 全局公用方法 request.js
│ ├── vendor # 公用vendor
│ ├── views # views 所有页面路由级别的组件
│ ├── App.vue # 入口页面根组件
│ ├── main.js # 入口文件加载组件初始化等
│ └── permission.js # 权限管理
│ └── settings.js # 配置文件
├── tests # 测试
├── .env.xxx # 环境变量配置
├── .eslintignore # eslint 忽略文件
├── .eslintrc.js # eslint 配置项
├── .gitignore # git 忽略文件
├── .travis.yml # 自动化CI配置
├── .babel.config.js # babel-loader 配置
├── jest.config.js # 测试配置
├── vue.config.js # vue-cli 配置
├── postcss.config.js # postcss 配置
└── package.json # package.json