didilinkin / Vue Admin Element
(Vue2 演示项目)物业后台管理系统 - ElementUI ( 基本结构已完成, 剩下的就是具体业务开发; 如有疑问请留言 )
Stars: ✭ 73
Programming Languages
javascript
184084 projects - #8 most used programming language
es6
455 projects
Projects that are alternatives of or similar to Vue Admin Element
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+702.74%)
Mutual labels: webpack2, axios, yarn, vuex2, vue2
Login
Vue + Vue-router + Vuex 实现前端页面及逻辑，Express 实现注册登录登出的RestFul API 。
Stars: ✭ 246 (+236.99%)
Mutual labels: webpack2, axios, vue2, element-ui, vue-router2
Magicmusic
🎵帅气的手机端音乐播放器（vue vue-router vuex flex ...）
Stars: ✭ 350 (+379.45%)
Mutual labels: webpack2, axios, vuex2, vue2, vue-router2
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+241.1%)
Mutual labels: axios, vuex2, sass, vue2
Vue2-All
Vue2 + Vue-router2 + Vuex + Webpack + axios + jwt
Stars: ✭ 67 (-8.22%)
Mutual labels: eslint, vscode, axios, vue2
Vue2 Element
基于vue2 + vue-router2 + element-ui + vuex2 + fetch + webpack2 企业级后台管理系统最佳实践
Stars: ✭ 112 (+53.42%)
Mutual labels: webpack2, vuex2, vue2, element-ui
vue2-element
基于vue2 + vue-router2 + element-ui + vuex2 + fetch + webpack2 企业级后台管理系统最佳实践
Stars: ✭ 115 (+57.53%)
Mutual labels: webpack2, vue2, element-ui, vuex2
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
Stars: ✭ 1,135 (+1454.79%)
Mutual labels: webpack2, axios, vue2, element-ui
Vue2 Web
酷我音乐—vue2、vue-router2、webpack2框架
Stars: ✭ 54 (-26.03%)
Mutual labels: webpack2, vue2, vue-router2
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (+606.85%)
Mutual labels: webpack2, axios, vue2
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (+342.47%)
Mutual labels: axios, sass, element-ui
Fans
这是一个app(android/iOS)项目，但页面视图全部都用的是html5页，没有使用app的原生页面。 前端h5是基于mui + vue2 + vue-router2 + es6 + webpack2 + vuex + signalR 的前端webApp单页项目框架，项目可以直接在PC上运行html5页面。 app打包技术是用HBuilder IDE工具一键打包成APP。
Stars: ✭ 416 (+469.86%)
Mutual labels: webpack2, vuex2, vue2
Vue Scscms
基于koa2+mysql+vue2.0+Element阳光内容管理系统，模范学习Demo
Stars: ✭ 284 (+289.04%)
Mutual labels: axios, vue2, element-ui
Vue Seed
a boilerplate for large vue project with ElementUI 2.x
Stars: ✭ 555 (+660.27%)
Mutual labels: axios, sass, element-ui
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区，使用webpack2打包
Stars: ✭ 1,134 (+1453.42%)
Mutual labels: vuex2, vue2, vue-router2
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-78.08%)
Mutual labels: axios, vue2, element-ui
shangchao-admin-element-ui
上朝科技 - 后台管理系统 - Element-UI 框架
特别提醒(需要将静态测试的json数据输出到dist文件夹):
-
yarn run dev前, 请先使用yarn run build打包一下; - 然后再使用
yarn run dev进行测试
Technology
| 技术名称 | 作用 | 版本 |
|---|---|---|
| Vuejs | 框架 | 2.2.1 |
| Vue-Router | Vue路由 | 2.3.0 |
| Vuex | Vue状态管理 | 2.2.1 |
| Axios | 交互处理 | 0.15.3 |
| Element UI | UI框架 | 1.2.1 |
| Pug | Node模版 | 2.0.0-beta11 |
| Sass | 样式预处理 | 4.5.0 |
| Webpack | 模块打包 | 2.2.1 |
| Yarn | 依赖管理 | 0.20.3 |
| Google Material-Icons | 图标字体 | 2.1.3 |
Build Setup
#安装依赖
npm install
# 在localhost:8080 开启热加载功能
npm run dev
# 打包生产模式,缩小压缩包
npm run build
# 打包生产模式,缩小压缩包 -- 查看包分析报告
npm run build --report
For detailed explanation on how things work, checkout the guide and docs for vue-loader.
IDE option
推荐安装ESlint并使用 VS code编辑器等支持ESlint的IDE
ToDoList
- 重构样式
- 制作静态演示页面
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].