demo: https://taylorchen709.github.io/vue-admin/
非常简单的一个vue2后台管理系统:
- 1、vuex状态管理
- 2、axios前后端接口交互、本地mock数据
- 3、使用element-UI前端UI框架
- 4、router单页运用
- 5、webpack构建整个项目
This is a project template for vue-cli
# install dependencies
npm install
# 开发环境 at localhost:8081
npm run dev
# build for production with minification 生产环境
npm run build
- build - webpack config files webpack配置
- config - webpack config files
- dist - build 构建文件
- src -your app
- api
- assets
- common
- components - your vue components
- mock
- styles
- views - your pages
- vuex
- App.vue
- main.js - main file
- routes.js
- static - static assets
开发环境支持mock数据
开发环境支持mock数据
可以改变默认颜色 You can change theme by
- Generate theme packages by https://elementui.github.io/theme-preview/#/
- Put theme packages in src/assets/theme/
- Edit src/main.js
import 'element-ui/lib/theme-default/index.css'
to
import './assets/theme/your-theme/index.css'
- Edit src/styles/vars.scss
Modern browsers and IE 10+.