• vue-el-admin是一个单页面电商网站后台管理系统，基于 vue 和 element。它使用了最新的前端技术栈，内置动态路由，导航菜单渲染，权限验证等，提炼了典型的业务模型，用户UI界面干净整洁。

• 完整版

  Github仓库 | 预览地址

  码云仓库 | 预览地址

你需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、axios 和 element-ui，提前了解和学习这些知识会对使用本项目有很大的帮助。

软件架构说明

• 克隆项目

git clone https://github.com/sunyctf/vue-el-admin.git # clone the project

• 进入项目

cd vue-admin-template # enter the project directory

• 安装依赖

  yarn install # install dependency

• 运行项目

  yarn run serve # Compiles and hot-reloads for development

• 打包测试

yarn run build:test # Packaging test

• 正式打包

  yarn run build # Compiles and minifies for production

• 运行测试单元

  yarn run test # Run your tests

• 格式化代码

  yarn run lint # Lints and fixes files ——代码格式检查并自动修复(规范代码)

• username: admin | password: 任意
• username: editor | password: 任意

npm i -D vue-svg-loader vue-template-compiler

// vue.config.js module.exports = { chainWebpack: (config) => { const svgRule = config.module.rule('svg'); svgRule.uses.clear(); svgRule .use('babel-loader') .loader('babel-loader') .end() .use('vue-svg-loader') .loader('vue-svg-loader'); }, }

<script> import daiban from '@/assets/icon/daiban.svg' export default { components:{ daiban } } </script>

/* 删除SVG文件中的 fill */ .index-head-centent-right-list-icon-is{ color: #F515EA !important; width: 20px; height: 22px; fill: currentColor; /* 重点 */ }

1. xxxx
2. xxxx
3. xxxx

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

1. 使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
2. GitHub 官方博客 blog.github.com
3. 你可以 https://github.com/explore 这个地址来了解 GitHub 上的优秀开源项目
4. GitHub官方提供的使用手册 https://docs.github.com/cn
5. GitHub中文社区 https://www.githubs.cn/