Admin template based on vuejs2 and element.

Overview

demo: https://taylorchen709.github.io/vue-admin/

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

theme-blue theme-green

Browser support

Modern browsers and IE 10+.

License

MIT

Comments
  • Uncaught ReferenceError: __DEV__ is not defined

    Uncaught ReferenceError: __DEV__ is not defined

    打开页面报这个错,页面一片空白

    Uncaught ReferenceError: DEV is not defined at Function.RootClass.extend (clazz.js?00f5:66) at eval (Component.js?bbb1:23) at Object. (app.js:895) at webpack_require (app.js:689) at fn (app.js:110) at eval (Global.js?6f94:1) at Object. (app.js:4998) at webpack_require (app.js:689) at fn (app.js:110) at Object.eval (echarts.js?4ad2:1)

    opened by kunzhu0710 4
  • npm run dev ERROR in ./src/main.js

    npm run dev ERROR in ./src/main.js

    ERROR in ./src/main.js Module not found: Error: Cannot resolve 'file' or 'directory' ./components/nav3/Page6.vue in xxxxxxx/vueAdmin/src @ ./src/main.js 67:13-51 请问这个是什么问题?

    opened by sjq597 4
  • You may need an appropriate loader to handle this file type.

    You may need an appropriate loader to handle this file type.

    Module parse failed: C:\Users\user\WebstormProjects\vue-admin\node_modules\element-ui\packages\scrollbar\src\main.js Unexpected token (65:6) You may need an appropriate loader to handle this file type. You may need an appropriate loader to handle this file type. | }, this.$slots.default); | const wrap = ( | <div | ref="wrap" | style={ style } 请问这个是什么原因呢?谢谢

    opened by tzfly 3
  • 请教几个问题,还望大大回复n(*≧▽≦*)n

    请教几个问题,还望大大回复n(*≧▽≦*)n

    1.初次用谷歌浏览器登录时加载有点慢;2.请问一下这些数据都是自己模拟的吗?3.右上角的用户那一块多次点击感觉有问题;4.如果需要用vue做cms后台管理还需要处理一些什么,目前对路由这一块不是特别熟悉?5.进入到列表页时,向后台请求数据怎么做好分页处理(返回所有数据);6.clone下来可以直接在本地运行吗? O(∩_∩)O谢谢

    opened by Chuyue0 3
  • windows没问题 ubuntu npm run dev如下:

    windows没问题 ubuntu npm run dev如下:

    (node:9250) UnhandledPromiseRejectionWarning: Error: Exited with code 3 at ChildProcess. (/home/demoadmin/vue-admin-master/node_modules/opn/index.js:83:13) at Object.onceWrapper (events.js:285:13) at ChildProcess.emit (events.js:197:13) at maybeClose (internal/child_process.js:984:16) at Socket.stream.socket.on (internal/child_process.js:401:11) at Socket.emit (events.js:197:13) at Pipe._handle.close (net.js:611:12) (node:9250) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) (node:9250) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

    opened by qiyebeike 0
  • 放在electron-vue里面,在登录界面就进不去,感觉代码不完整啊能不能指导一下谢谢

    放在electron-vue里面,在登录界面就进不去,感觉代码不完整啊能不能指导一下谢谢

    /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/adapters/xhr.js:178 POST http://localhost:9080/login 404 (Not Found) dispatchXhrRequest @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/adapters/xhr.js:178 xhrAdapter @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/adapters/xhr.js:12 dispatchRequest @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/core/dispatchRequest.js:59 Promise resolved (async) request @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/core/Axios.js:51 Axios.(anonymous function) @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/core/Axios.js:71 wrap @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/helpers/bind.js:9 requestLogin @ api.js?e3b8:6 (anonymous) @ Login.vue?7463:56 (anonymous) @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/element-ui/lib/element-ui.common.js:22459 (anonymous) @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/element-ui/lib/element-ui.common.js:22977 complete @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/index.js:107 (anonymous) @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/index.js:243 next @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/util.js:170 next @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/util.js:138 cb @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/index.js:191 required @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/validator/required.js:21 (anonymous) @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/index.js:234 next @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/util.js:136 asyncSerialArray @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/util.js:142 (anonymous) @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/util.js:176 asyncMap @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/util.js:173 validate @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/async-validator/lib/index.js:159 validate @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/element-ui/lib/element-ui.common.js:22973 (anonymous) @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/element-ui/lib/element-ui.common.js:22453 validate @ /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/element-ui/lib/element-ui.common.js:22452 handleSubmit2 @ Login.vue?7463:49 click @ Login.vue?d1fb:92 invokeWithErrorHandling @ vue.esm.js?a026:1863 invoker @ vue.esm.js?a026:2188 original._wrapper @ vue.esm.js?a026:7559 /Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/core/createError.js:16 Uncaught (in promise) Error: Request failed with status code 404 at createError (/Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/core/createError.js:16) at settle (/Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/core/settle.js:18) at XMLHttpRequest.handleLoad (/Users/ding/Downloads/Job/jjsoft-v1.0.0/jjsoft-mac/node_modules/axios/lib/adapters/xhr.js:77)

    opened by dingweiqiu 0
🚀🚀🚀Vue3,Vue3.0,Vue,Vue3.x,Vuex,Typescript,TSX,ts,vue后台管理,admin,vue-admin,vue3-admin,vue-element-admin,iooc-admin,iooc-vue-admin主线版本基于element-plus、Typescript开发维护.集成CRUD,JsonSchema、大量节省业务代码.

iooc-admin(element-plus) 演示地址(数据库五分钟重置一次) ⚡️ vue3.x + element-plus + TypeScript ⚡️ vue3.x + element-plus + TypeScript (视频) 项目地址 ⚡️ vue3.x + element-pl

Jacking 51 Jun 20, 2021
Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js.

Star Admin Vue Admin is a free admin template based on Bootstrap 4 and Vue.js.

BootstrapDash 310 Dec 25, 2022
Vuejs2 AdminLte3 template more than 50 components and 10 directives

Vuejs2 AdminLte3 template more than 50 components and 10 directives.such as collapse ,sidebar,container,infobox,breadcrumb,card,grid,dropdown,toast,navbar,timeline,icon,progress

姚欣 55 Nov 25, 2022
Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture

null 21 Dec 26, 2022
soybean admin - a beautiful vue admin template, based on Vue3、Vite、Naive UI、TypeScript.

soybean admin - a beautiful vue admin template, based on Vue3、Vite、Naive UI、TypeScript.

Soybean 2k Jan 4, 2023
Vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro

Ant Design Vue Pro An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue 基于 Vite2 Vue3 Ant-Design-of-

Ones 80 Dec 16, 2022
vue-element-admin is a production-ready front-end solution for admin interfaces.

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.

null 1 Nov 19, 2021
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin ?? 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu

雪月欧巴 84 Nov 28, 2022
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus + typescript 的后台管理系统vue3-element-admin-ts

vue3-element-admin-ts ?? 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 v

雪月欧巴 92 Nov 16, 2022
iView vue Admin / An admin management system template

iview-vue-admin iView Vue Admin Live Demo: https://tonyluo.github.io/iview-vue-admin Build Setup # install dependencies npm install # serve with hot

Tony 107 Aug 19, 2022
Admin One - Vue.js 3 Tailwind CSS admin dashboard template

Admin One - Vue.js 3 Tailwind CSS admin dashboard template

JustBoil.me 1.1k Jan 8, 2023
一个vue3-admin-template-vite项目,升级于pan大佬的vue-admin-template项目,基本保留原有架构无缝切换

vue3-element-vite-template 一款 vue3 开箱即用的纯净的后台管理系统,只包含 ui/权限/axios 封装/svg 等 在线预览地址 此项目是在 pan 大佬的vue-admin-template项目基础上进行微改的 vue3 版本,基本沿用 vue-admin-tem

Maxma 20 Dec 2, 2022
Nuxt + CoreUI Free Vue Bootstrap Admin TemplateNuxt + CoreUI Free Vue Bootstrap Admin Template

Nuxt + CoreUI Free Vue Bootstrap Admin Template Nuxt + CoreUI Free Vue Bootstrap Admin Template Description Nuxt + CoreUI Free Vue Bootstrap Admin Tem

null 4 Apr 29, 2022
vue admin template base on element 2

element-vue-admin A admin template base on element 2.x.x Live Demo: https://tonyluo.github.io/element-vue-admin Build Setup # install dependencies npm

Tony 77 Dec 16, 2022
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

?? A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus

kuanghua 228 Dec 30, 2022
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus + typescript

vue3-admin-ts English | 中文 A basic vue3 admin template with vite2 & Element-Plus UI & axios & svg-icon& permission control & lint A new generation adm

kuanghua 194 Dec 15, 2022
A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

vue-admin-template English | 简体中文 A minimal vue admin template with Element UI & axios & iconfont & permission control & lint Live demo: http://panjia

花裤衩 17.6k Dec 26, 2022
A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

null 2 Apr 23, 2022
A simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA ApplicationA simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application

Laravel+Vue Crud Starter About Repository A very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application. Tech Specifica

Moiz Chauhdry 9 Apr 23, 2022