README.ja.md

日本語 | English | 简体中文 | Spanish

概要

vue-element-admin は管理画面のフロントエンドのインタフェースで、vue と element-uiを使っています。i18nの多言語対応、可変ルート、権限、典型的なビジネスアプリテンプレートであり、豊富なコンポーネントを提供しています。素早くビジネス用の管理画面の現型を構築に役立ちます。

• デモページ

• ドキュメント

• Gitter

• Donate

• Wiki

• おすすめシンプルテンプレート: vue-admin-template

• デスクトップバージョン: electron-vue-admin

• Typescriptバージョン: vue-typescript-admin-template (感謝: @Armour)

• awesome-project

**バージョンv4.1.0+以降について、デフォルトのmasterブランチではi18nをサポートしていません。masterブランチと共にアップデートされるi18n Branchを使用してください。 **

現在のバージョン v4.0+ は vue-cli で構築していて、バグ報告はissueのissueでお願いします。旧バージョンtag/3.11.0もあります。こちらはvue-cliに依存しないです。

低いバージョンのブラウザはサーポートしないです(例えば ie)，必要があれば polyfill を追加してください。 詳細はこちら

前準備

ローカル環境に node と gitのインストールが必要です。ES2015+、vue、vuex、vue-router 、vue-cli 、axios と element-uiで開発しています。RequestはMock.jsのモックデータを使っています。

バグ修正や新規機能追加のissue と pull requestは大歓迎です。

Sponsors

Become a sponsor and get your logo on our README on GitHub with a link to your site. [Become a sponsor]

Admin Dashboard Templates made with Vue, React and Angular.

機能一覧

- ログイン / ログアウト

- Auth認証
  - ページ権限
  - 権限パーミッション
  - 権限設定
  - 外部IDでログイン

- 複数環境デプロイ
  - dev sit stage prod

- 共通機能
  - 多言語切替
  - テーマ切替
  - サイトメニュー（ルートから生成）
  - パンくずリストナビゲーション
  - タブナビゲーション
  - Svg Sprite アイコン
  - ローカル/バックエンド モック データ
  - Screenfull

- WYSIWYG
  - TinyMCE
  - Markdown
  - JSON

- Excel
  - エクスポート
  - インポート
  - リード
  - Zip

- テーブル
  - ダイナミックテーブル
  - ドラッグアンドドロップテーブル
  - インラインエディットテーブル

- エラーページ
  - 401
  - 404

- コンポーネント
  - アバターアップロード
  - トップに戻る
  - ドラッグダイアログ
  - ドラッグ選択
  - ドラッグKanban
  - ドラッグリスト
  - ペインの分割
  - Dropzone
  - スティッキー
  - CountTo

- 高度なサンプル
- エラーログ
- ダッシュボード
- ガイドページ
- ECharts
- クリップボード
- Markdown to html

Getting started

# 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

http://localhost:9527 が自動的に開きます。

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

詳細は Documentation を参照してください。

Changelog

各リリースの詳細は release notes にあります。

Online Demo

Preview

Donate

If you find this project useful, you can buy author a glass of juice 🍹

Paypal Me

Buy me a coffee

Browsers support

Modern browsers and Internet Explorer 10+.

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

License

MIT

Copyright (c) 2017-present PanJiaChen