vue-admin-template README

The project's README from github.com/PanJiaChen/vue-admin-template. As one markdown file: README.md.

vue-admin-template

English | 简体中文

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

Live demo: http://panjiachen.github.io/vue-admin-template

The current version is v4.0+ build on vue-cli. If you want to use the old version , you can switch branch to tag/3.11.0, it does not rely on vue-cli

SPONSORED BY

Build Setup

# clone the project
git clone https://github.com/PanJiaChen/vue-admin-template.git

# enter the project directory
cd vue-admin-template

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9528

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Refer to Documentation for more information

Demo

demo

Extra

If you want router permission && generate menu by user roles , you can use this branch permission-control

For typescript version, you can use vue-typescript-admin-template (Credits: @Armour)

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT license.

Copyright (c) 2017-present PanJiaChen

vue-admin-template (PanJiaChen/vue-admin-template)

Searching Database…

这是什么东西?这是 PanJiaChen 做的一个 Vue 2 极简后台管理模板:一个现成的前端骨架,内置 Element UI 组件、axios、iconfont 图标、权限控制和 lint,目的是作为你自己后台管理系统的起点。
它是成品,还是需要我在它基础上搭建自己的应用?它是一个脚手架(boilerplate):你把它克隆下来,在它现成的布局、vue-router 路由、Vuex 状态管理和 axios 请求层之上,搭建自己的后台管理系统。
怎么把它跑起来?克隆仓库,先运行 npm install,再运行 npm run dev —— vue-cli 开发服务器会启动,并自动在浏览器中打开页面。生产环境构建则用 npm run build:prod。
我需要提前装好哪些东西?需要 Node.js 8.9+ 和 npm 3.0+。Vue、Element UI、vue-router、Vuex 和 axios 都会作为 npm 依赖自动安装,而且不需要部署后端 —— 它是纯前端项目,直接对接你的 API。
基于角色的菜单和路由权限是开箱即用的吗?项目自带基础的权限控制,但基于用户角色生成路由权限和菜单的功能,README 会指引你去单独的 permission-control 分支;功能更齐全的姊妹项目是 vue-element-admin。
可以用在商业项目里吗?可以 —— 它采用 MIT 许可证(PanjiaChen,2017 年至今),商业使用、修改和分发都没问题。
支持哪些浏览器?支持现代浏览器,以及 Internet Explorer 10/11 和 Edge —— README 的兼容性表格承诺支持 IE10+ 以及 Firefox、Chrome 和 Safari 的最近两个版本。
开箱即用都预配置了什么?包括 Element UI 组件、axios 网络请求、iconfont 图标、normalize.css、nprogress 加载进度条、js-cookie、ESLint、Jest 单元测试、基于 svgo 的 SVG 图标处理,另外还提供单独的预发布(staging)和生产(production)两种构建模式。
它和 vue-element-admin 有什么区别?同一位作者,但体量不同:vue-element-admin 是功能完整的后台演示项目,而这个仓库是它的极简起始骨架。同一家族里还有 electron-vue-admin 和 TypeScript 移植版 vue-typescript-admin-template。
没有 vue-cli 的旧版本还能找到吗?可以 —— 现在的 v4.0+ 版本基于 vue-cli 构建,不使用 vue-cli 的旧版本保存在 tag/3.11.0 分支上。
Creator
PanJiaChen
Size
1 MB
Stars
20.4K
Age
9y
Commits · 90 Days