https://github.com/taylorchen709/vueAdmin

admin template based on vuejs2 and element.
https://github.com/taylorchen709/vueAdmin

Last synced: about 23 hours ago
JSON representation

admin template based on vuejs2 and element.

• Host: GitHub
• URL: https://github.com/taylorchen709/vueAdmin
• Owner: taylorchen709
• License: mit
• Created: 2016-11-06T06:51:24.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-06-17T09:50:32.000Z (over 2 years ago)
• Last Synced: 2024-10-28T16:22:46.934Z (8 days ago)
• Language: Vue
• Homepage: https://taylorchen709.github.io/vue-admin/
• Size: 15.7 MB
• Stars: 6,621
• Watchers: 356
• Forks: 2,687
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-vue - vueAdmin - 基于vuejs2和element的简单的管理员模板 (UI组件)
• awesome - vueAdmin - 基于vuejs2和element的简单的管理员模板 (UI组件)

README

        
**demo**: [https://taylorchen709.github.io/vue-admin/](https://taylorchen709.github.io/vue-admin/)

# To start

This is a project template for [vue-cli](https://github.com/vuejs/vue-cli)

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8081

npm run dev

# build for production with minification

npm run build

```

# Folder structure

* build - webpack config files

* 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

# Theme

You can change theme by 

1. Generate theme packages by [https://elementui.github.io/theme-preview/#/](https://elementui.github.io/theme-preview/#/)

2. Put theme packages in src/assets/theme/

3. Edit src/main.js 

``` bash

   import 'element-ui/lib/theme-default/index.css'

   to

   import './assets/theme/your-theme/index.css'

```

4. Edit src/styles/vars.scss

![theme-blue](https://raw.githubusercontent.com/taylorchen709/markdown-images/master/vueadmin/rec-demo.gif)

![theme-green](https://raw.githubusercontent.com/taylorchen709/markdown-images/master/vueadmin/theme-green.png)

# Browser support

Modern browsers and IE 10+.

# License

[MIT](http://opensource.org/licenses/MIT)