Skip to content

anody/vue-ele-admin

Repository files navigation

简介

vue-ele-admin 是一个前后台集成解决方案,它基于vue2和Element-ui。它使用了最新的前端技术栈,内置了动态路由,权限验证等很多功能特性,相信不管你的需求是什么,本项目都能帮助到大家。

前序准备

本地环境需要安装node

技术

开发

# 克隆项目
git clone https://github.com/anody/vue-ele-admin.git
# 建议用cnpm
npm install --registry=https://registry.npm.taobao.org
# 安装依赖
cnpm install
# 启动服务
npm start

浏览器访问 http://localhost:8080

兼容性

该项目不支持低版本浏览器(如ie),有需求请自行添加polyfill

下载依赖

npm install --save babel-polyfill

在入口文件中引入

import 'babel-polyfill'; // 或者 require('babel-polyfill');//es6 在webpack.config.js中加入babel-polyfill到你的入口数组: module.exports = { entry:["babel-polyfill","./app/js"] }

发布

# 构建测试环境
npm run build:sit

# 构建生成环境
npm run build:prod

目录结构

├── build                      // 构建相关
├── config                     // 配置相关
├── src                        // 源代码
│   ├── api                    // 所有请求
│   ├── assets                 // 主题、字体、全局样式等静态资源
│   ├── components             // 全局公用组件
│   ├── directive              // 全局指令
│   ├── filters                // 全局 filter
│   ├── icons                  // 项目所有 svg icons
│   ├── lang                   // 国际化 language
│   ├── router                 // 路由
│   ├── store                  // 全局 store管理
│   ├── utils                  // 全局公用方法
│   ├── views                  // 网站页面模块
│   ├── App.vue                // 入口页面
│   ├── main.js                // 入口 加载组件 初始化等
│   └── permission.js          // 权限管理
├── static                     // 第三方不打包资源
│   └── Tinymce                // 富文本
├── .babelrc                   // babel-loader 配置
├── eslintrc.js                // eslint 配置项
├── .gitignore                 // git 忽略项
├── favicon.ico                // favicon图标
├── index.html                 // html模板
└── package.json               // package.json

在线demo

更多信息请参考博客 使用文档

Copyright (c) 2018-present Ladyson

About

vue2+vue-router+vuex+axios+element-ui

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors