< p align = "center" >
< img width = "320" src = "https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg" >
< / p >
< p align = "center" >
< a href = "https://github.com/vuejs/vue" >
< img src = "https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt = "vue" >
< / a >
< a href = "https://github.com/ElemeFE/element" >
< img src = "https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt = "element-ui" >
< / a >
< a href = "https://travis-ci.org/PanJiaChen/vue-element-admin" rel = "nofollow" >
< img src = "https://travis-ci.org/PanJiaChen/vue-element-admin.svg?branch=master" alt = "Build Status" >
< / a >
< a href = "https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE" >
< img src = "https://img.shields.io/github/license/mashape/apistatus.svg" alt = "license" >
< / a >
< a href = "https://github.com/PanJiaChen/vue-element-admin/releases" >
< img src = "https://img.shields.io/github/release/PanJiaChen/vue-element-admin.svg" alt = "GitHub release" >
< / a >
< a href = "https://gitter.im/vue-element-admin/discuss" >
< img src = "https://badges.gitter.im/Join%20Chat.svg" alt = "gitter" >
< / a >
< a href = "https://panjiachen.gitee.io/vue-element-admin-site/zh/donate" >
< img src = "https://img.shields.io/badge/%24-donate-ff69b4.svg" alt = "donate" >
< / a >
< / p >
日本語 | [English ](./README.md ) | [简体中文 ](./README.zh-CN.md ) | [Spanish ](./README.es.md )
## 概要
[vue-element-admin ](https://panjiachen.github.io/vue-element-admin ) は管理画面のフロントエンドのインタフェース，[vue](https://github.com/vuejs/vue) と [element-ui ](https://github.com/ElemeFE/element )を使っています。i18nの多言語対応、可変ルート、権限、典型的なビジネスアプリテンプレートであり、豊富なコンポーネントを提供しています、素早くビジネス用の管理画面の現型を構築に役立ちます。
- [デモページ ](https://panjiachen.github.io/vue-element-admin )
- [ドキュメント ](https://panjiachen.github.io/vue-element-admin-site/ )
- [Gitter ](https://gitter.im/vue-element-admin/discuss )
- [Donate ](https://panjiachen.gitee.io/vue-element-admin-site/zh/donate )
- [Wiki ](https://github.com/PanJiaChen/vue-element-admin/wiki )
- おすすめシンプルテンプレート: [vue-admin-template ](https://github.com/PanJiaChen/vue-admin-template )
- デスクトップバージョン: [electron-vue-admin ](https://github.com/PanJiaChen/electron-vue-admin )
- Typescriptバージョン: [vue-typescript-admin-template ](https://github.com/Armour/vue-typescript-admin-template ) (鸣谢: [@Armour ](https://github.com/Armour ))
- [awesome-project ](https://github.com/PanJiaChen/vue-element-admin/issues/2312 )
**After the `v4.1.0+` version, the default master branch will not support i18n. Please use [i18n Branch ](https://github.com/PanJiaChen/vue-element-admin/tree/i18n ), it will keep up with the master update**
**現在のバージョン `v4.0+` は `vue-cli` で構築，バグ報告は[issue](https://github.com/PanJiaChen/vue-element-admin/issues/new)のissueでお願いします。旧バージョン[tag/3.11.0](https://github.com/PanJiaChen/vue-element-admin/tree/tag/3.11.0)もあります。`vue-cli`に依存しないです。**
**低いバージョンのブラウザはサーポートしないです(例えば ie)，必要があれば polyfill を追加してください。 [詳細はこちら ](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill )**
## 前準備
ローカル環境に [node ](http://nodejs.org/ ) と [git ](https://git-scm.com/ )をインストールが必要です。[ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) 和 [element-ui ](https://github.com/ElemeFE/element )で開発しています。Requestは[Mock.js](https://github.com/nuysoft/Mock)のモックデータを使っています。
**バグ修正や新規機能追加のissue と pull requestは大歓迎です。**
< p align = "center" >
< img width = "900" src = "https://wpimg.wallstcn.com/a5894c1b-f6af-456e-82df-1151da0839bf.png" >
< / p >
## Sponsors
Become a sponsor and get your logo on our README on GitHub with a link to your site. [[Become a sponsor]](https://www.patreon.com/panjiachen)
< a href = "https://flatlogic.com/admin-dashboards?from=vue-element-admin" > < img width = "150px" src = "https://wpimg.wallstcn.com/9c0b719b-5551-4c1e-b776-63994632d94a.png" / > < / a > < p > Admin Dashboard Templates made with Vue, React and Angular.< / p >
## 機能一覧
```
- ログイン / ログアウト
- Auth認証
- ページ権限
- 権限パーミッション
- 権限設定
- 外部IDでログイン
- 複数環境デプロイ
- dev sit stage prod
- 共通機能
- 多言語切替
- テーマ切替
- サイトメニュー（ルートから生成）
- Breadcrumb Navigation
- Tag Navigation
- Svg Sprite Icon
- ローカル/バックエンド モック データ
- Screenfull
- WYSIWYG
- TinyMCE
- Markdown
- JSON
- Excel
- エクスポート
- インポート
- リード
- Zip
- Table
- Dynamic Table
- Drag And Drop Table
- Inline Edit Table
- Error Page
- 401
- 404
- コンポーネント
- Avatar Upload
- Back To Top
- Drag Dialog
- Drag Select
- Drag Kanban
- Drag List
- SplitPane
- Dropzone
- Sticky
- CountTo
- Advanced Example
- Error Log
- Dashboard
- Guide Page
- ECharts
- Clipboard
- Markdown to html
```
## Getting started
```bash
# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git
# enter the project directory
cd vue-element-admin
# install dependency
npm install
# develop
npm run dev
```
This will automatically open http://localhost:9527
## Build
```bash
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
```
## Advanced
```bash
# 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 ](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html ) for more information
## Changelog
Detailed changes for each release are documented in the [release notes ](https://github.com/PanJiaChen/vue-element-admin/releases ).
## Online Demo
[Preview ](https://panjiachen.github.io/vue-element-admin )
## Donate
If you find this project useful, you can buy author a glass of juice :tropical_drink:
[Paypal Me ](https://www.paypal.me/panfree23 )
[Buy me a coffee ](https://www.buymeacoffee.com/Pan )
## Browsers support
Modern browsers and Internet Explorer 10+.
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /> ](https://godban.github.io/browsers-support-badges/ )</ br > IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /> ](https://godban.github.io/browsers-support-badges/ )</ br > Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /> ](https://godban.github.io/browsers-support-badges/ )</ br > Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /> ](https://godban.github.io/browsers-support-badges/ )</ br > Safari |
| --------- | --------- | --------- | --------- |
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
## License
[MIT ](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE )
Copyright (c) 2017-present PanJiaChen
