https://github.com/vbenjs/vue-vben-admin

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
https://github.com/vbenjs/vue-vben-admin

admin-template ant-design element-plus monorepo naive-ui shadcn-ui tsx typescript vben vite vite-template vue-router vue3 vuex

Last synced: 4 days ago
JSON representation

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!

Host: GitHub
URL: https://github.com/vbenjs/vue-vben-admin
Owner: vbenjs
License: mit
Created: 2020-07-11T02:29:21.000Z (almost 5 years ago)
Default Branch: main
Last Pushed: 2025-04-16T06:11:04.000Z (4 days ago)
Last Synced: 2025-04-16T16:05:18.957Z (4 days ago)
Topics: admin-template, ant-design, element-plus, monorepo, naive-ui, shadcn-ui, tsx, typescript, vben, vite, vite-template, vue-router, vue3, vuex
Language: Vue
Homepage: https://www.vben.pro
Size: 37.4 MB
Stars: 27,734
Watchers: 258
Forks: 7,525
Open Issues: 88
Metadata Files:
- Readme: README.ja-JP.md
- Contributing: .github/contributing.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

awesome-resources - vue-vben-admin - vue3后台项目模板。主要技术栈：Vue3 + vite2 + ts + antd。项目功能极其完善，但其中对大量的antd组件进行了二次封装，具有较高的学习成本。[demo预览](https://vvbin.cn/next/#/dashboard/analysis) (vue / 资料)
awesome-coding-startup - vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. ` (vue / Admin Template & Component Library)
awesome-hacking-lists - vbenjs/vue-vben-admin - A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast! (Vue)
StarryDivineSky - vbenjs/vue-vben-admin

README

        
    
 


[![license](https://img.shields.io/github/license/anncwb/vue-vben-admin.svg)](LICENSE)

Vue Vben Admin



[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=vbenjs_vue-vben-admin&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=vbenjs_vue-vben-admin) ![codeql](https://github.com/vbenjs/vue-vben-admin/actions/workflows/codeql.yml/badge.svg) ![build](https://github.com/vbenjs/vue-vben-admin/actions/workflows/build.yml/badge.svg) ![ci](https://github.com/vbenjs/vue-vben-admin/actions/workflows/ci.yml/badge.svg) ![deploy](https://github.com/vbenjs/vue-vben-admin/actions/workflows/deploy.yml/badge.svg)

**日本語** | [English](./README.md) | [中文](./README.zh-CN.md)

## 紹介

Vue Vben Adminは、最新の`vue3`、`vite`、`TypeScript`などの主流技術を使用して開発された、無料でオープンソースの中・後端テンプレートです。すぐに使える中・後端のフロントエンドソリューションとして、学習の参考にもなります。

## アップグレード通知

これは最新バージョン5.0であり、以前のバージョンとは互換性がありません。新しいプロジェクトを開始する場合は、最新バージョンを使用することをお勧めします。古いバージョンを表示したい場合は、[v2ブランチ](https://github.com/vbenjs/vue-vben-admin/tree/v2)を使用してください。

## 特徴

- **最新技術スタック**: Vue 3やViteなどの最先端フロントエンド技術で開発

- **TypeScript**: アプリケーション規模のJavaScriptのための言語

- **テーマ**: 複数のテーマカラーが利用可能で、カスタマイズオプションも豊富

- **国際化**: 完全な内蔵国際化サポート

- **権限管理**: 動的ルートベースの権限生成ソリューションを内蔵

## プレビュー

- [Vben Admin](https://vben.pro/) - フルバージョンの中国語サイト

テストアカウント: vben/123456



    

    

    



### Gitpodを使用

Gitpod（GitHub用の無料オンライン開発環境）でプロジェクトを開き、すぐにコーディングを開始します。

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vbenjs/vue-vben-admin)

## ドキュメント

[ドキュメント](https://doc.vben.pro/)

## インストールと使用

- プロジェクトコードを取得

```bash

git clone https://github.com/vbenjs/vue-vben-admin.git

```

- 依存関係のインストール

```bash

cd vue-vben-admin

corepack enable

pnpm install

```

- 実行

```bash

pnpm dev

```

- ビルド

```bash

pnpm build

```

## 変更ログ

[CHANGELOG](https://github.com/vbenjs/vue-vben-admin/releases)

## 貢献方法

ご参加をお待ちしております！[Issueを提出](https://github.com/anncwb/vue-vben-admin/issues/new/choose)するか、Pull Requestを送信してください。

**Pull Request:**

1. コードをフォーク！

2. 自分のブランチを作成: `git checkout -b feat/xxxx`

3. 変更をコミット: `git commit -am 'feat(function): add xxxxx'`

4. ブランチをプッシュ: `git push origin feat/xxxx`

5. `pull request`を送信

## Git貢献提出規則

- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 規則 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))

  - `feat` 新機能の追加

  - `fix` 問題/バグの修正

  - `style` コードスタイルに関連し、実行結果に影響しない

  - `perf` 最適化/パフォーマンス向上

  - `refactor` リファクタリング

  - `revert` 変更の取り消し

  - `test` テスト関連

  - `docs` ドキュメント/注釈

  - `chore` 依存関係の更新/スキャフォールディング設定の変更など

  - `ci` 継続的インテグレーション

  - `types` 型定義ファイルの変更

  - `wip` 開発中

## ブラウザサポート

ローカル開発には`Chrome 80+`ブラウザを推奨します

モダンブラウザをサポートし、IEはサポートしません

| [](http://godban.github.io/browsers-support-badges/)IE | [](http://godban.github.io/browsers-support-badges/)Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari |

| :-: | :-: | :-: | :-: | :-: |

| サポートしない | 最新2バージョン | 最新2バージョン | 最新2バージョン | 最新2バージョン |

## メンテナー

[@Vben](https://github.com/anncwb)

## スター歴史

[![Star History Chart](https://api.star-history.com/svg?repos=vbenjs/vue-vben-admin&type=Date)](https://star-history.com/#vbenjs/vue-vben-admin&Date)

## 寄付

このプロジェクトが役に立つと思われた場合、作者にコーヒーを一杯おごってサポートを示すことができます！

![donate](https://unpkg.com/@vbenjs/[email protected]/source/sponsor.png)

Paypal Me

## 貢献者



 



## Discord

- [Github Discussions](https://github.com/anncwb/vue-vben-admin/discussions)

## ライセンス

[MIT © Vben-2020](./LICENSE)

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/vbenjs/vue-vben-admin

Awesome Lists containing this project

README

Vue Vben Admin