Total Pageviews

Thursday, 22 October 2020

vue-admin

About

admin template based on vuejs2 and element.

To start

This is a project template for vue-cli

# 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/#/
  2. Put theme packages in src/assets/theme/
  3. Edit src/main.js
   import 'element-ui/lib/theme-default/index.css'
   to
   import './assets/theme/your-theme/index.css'
  1. Edit src/styles/vars.scss
from   https://github.com/taylorchen709/vue-admin 
-----
 

vue-admin

一个基于bootstrap 3和admin-lte css的vue后台管理系统模板

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
vue-admin 的诞生离不开 vuejs 开源项目以及 bootstrapadmin-lte
 
from https://github.com/maoyutofu/vue-admin

No comments:

Post a Comment