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…

Что это такое?Минималистичный шаблон админ-панели для Vue 2 от PanJiaChen: готовый каркас фронтенда с компонентами Element UI, axios, иконками iconfont, контролем прав доступа и линтером — задуман как отправная точка для собственной админки.
Это готовый продукт или основа, на которой я буду строить своё приложение?Это болванка (boilerplate): вы клонируете её и строите свою админ-панель поверх готового макета, роутинга на vue-router, управления состоянием на Vuex и HTTP-слоя на axios.
Как её запустить?Склонируйте репозиторий, выполните npm install, затем npm run dev — запустится 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 для HTTP, иконки iconfont, normalize.css, индикатор загрузки nprogress, js-cookie, ESLint, юнит-тесты на Jest, работа с SVG-иконками через svgo, а также отдельные режимы сборки для staging и продакшена.
Чем это отличается от 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