Ei kuvausta

vben 1d3007f030 chore: update deps 4 vuotta sitten
.github c303ec1a23 refactor: refactor route 4 vuotta sitten
.vscode 31ff0559fe feat(page-wrapper): added pageWrapper component 4 vuotta sitten
build a1c3c53c1f chore: update style 4 vuotta sitten
mock 0e7c57bd5e feat(tabs): added tab folding 4 vuotta sitten
public 5db3ce7737 refactor: add loading component and demo 4 vuotta sitten
src 1d3007f030 chore: update deps 4 vuotta sitten
test bd6b203fa9 fix(upload): repair file upload and delete invalidation 4 vuotta sitten
.editorconfig 2f6253cfb6 initial commit 4 vuotta sitten
.env 9b61e82d74 refactor: route Module structural transformation 4 vuotta sitten
.env.development bd7b53f14a fix(build): fix environment variable configuration file failure 4 vuotta sitten
.env.production bd7b53f14a fix(build): fix environment variable configuration file failure 4 vuotta sitten
.eslintignore 2f1fbf8e48 style: add some notes 4 vuotta sitten
.eslintrc.js ba068ba1df wip: refactor layout 4 vuotta sitten
.gitignore bd6b203fa9 fix(upload): repair file upload and delete invalidation 4 vuotta sitten
.ls-lint.yml 74e62cbc71 feat: add useDesign 4 vuotta sitten
.prettierignore c0e4c9e5a5 feat(tinymce): add rich editor 4 vuotta sitten
.stylelintignore c0e4c9e5a5 feat(tinymce): add rich editor 4 vuotta sitten
CHANGELOG.en_US.md 799a694b25 chore: bump 2.0.0.rc.15 4 vuotta sitten
CHANGELOG.zh_CN.md de5bf757f2 fix(form): formAction slot not work 4 vuotta sitten
LICENSE 2f6253cfb6 initial commit 4 vuotta sitten
README.en-US.md 661db0c767 perf(upload): improve upload component 4 vuotta sitten
README.md 144ab577da fix(modal): height calc error #161 4 vuotta sitten
commitlint.config.js ad36886559 chore: add .github and .vscode 4 vuotta sitten
index.html a1c3c53c1f chore: update style 4 vuotta sitten
lint-staged.config.js 1c075a7a32 fix: reset back to default value after fixing form query 4 vuotta sitten
package.json 1d3007f030 chore: update deps 4 vuotta sitten
postcss.config.js 77db3d5f80 style: perf code style 4 vuotta sitten
prettier.config.js 46e0875374 chore: add some notes 4 vuotta sitten
stylelint.config.js 2f6253cfb6 initial commit 4 vuotta sitten
tsconfig.json 97180e83f5 feat(layout): added setting. Used to fix the left mixed mode menu 4 vuotta sitten
vite.config.ts 116a1f7745 wip(table): perf table #136,146,134 4 vuotta sitten
yarn.lock 1d3007f030 chore: update deps 4 vuotta sitten

README.en-US.md

VbenAdmin Logo

VUE VBEN ADMIN2.0

[Chinese](./README.md) | **English** [CHANGELOG](CHANGELOG.en_US.md) - [Introduction](#introduction) - [GitHub](#github) - [Thin](#thin) - [Preview](#preview) - [Documentation](#documentation) - [Preinstallation](#preinstallation) - [Environmental requirements](#environmental-requirements) - [UI framework](#ui-framework) - [Icon](#icon) - [Plugin](#plugin) - [Suggested development environment](#suggested-development-environment) - [Install](#install) - [Usage](#usage) - [Development environment](#development-environment) - [Build](#build) - [Format](#format) - [Other](#other) - [Git submit specifications](#git-submit-specifications) - [Code contribution](#code-contribution) - [Finished features](#finished-features) - [Developing features](#developing-features) - [Browser support](#browser-support) - [Plugins](#plugins) ## Introduction The project is based on the vue3 style background management system implemented by ʻant-design-vue`, `typescript`,`vue3.0`,`vite`,`tsx`, ## GitHub [vue-vben-admin2.0](https://github.com/anncwb/vue-vben-admin) - `main` branch ### Thin [vue-vben-admin-thin-next](https://github.com/anncwb/vben-admin-thin-next) ## Preview - [2.0 preview](https://vvbin.cn/next/) - [2.0 Thin Preview](https://vvbin.cn/thin/next/) Account for test: vben/123456

VbenAdmin Logo VbenAdmin Logo VbenAdmin Logo

Documentation

The documentation for 2.0 hasn't started yet, it will be provided later.

Preinstallation

Environmental requirements

  • Node.js: - Version>12.0.0 is better.
  • yarn > npm > cnpm: - Package management tool.

UI framework

Icon

Plugin

Suggested development environment

Install

#  Make git case sensitive to file names
git config core.ignorecase false

# Pull code of the project
git clone https://github.com/anncwb/vue-vben-admin.git vue-vben-admin-2.0

cd vue-vben-admin-2.0

# If you use other package management tool, you can install it by yourself
#  if you hasn't install yarn, please run: npm install -g yarn
yarn install

Usage

Development environment

yarn serve

Build


yarn build # build

yarn build:no-cache # build, cache will be removed before build

yarn report # Generate build package report preview

Format

yarn lint:stylelint # css formatting

yarn lint:prettier # js/ts code formatting

Other

yarn reinstall # Remove dependencies and reinstall, supported window

yarn preview # Build and preview in local

yarn log # Generate CHANGELOG

yarn clean:cache # Delete cache

yarn clean:lib # Delete node_modules, supported window

Git submit specifications

  • Refer to vue specifications (Angular)

    • feat Add new features
    • fix Fix problem/BUG
    • style Code style related and doesn't affect the running result
    • perf Optimization/performance improvement
    • refactor Refactor
    • revert Undo edit
    • test Test related
    • docs Documentation/notes
    • chore Dependent update/scaffolding configuration modification etc
    • workflow Workflow improvements
    • ci Continuous integration
    • types Update file of type definition
    • wip Developing

Code contribution

  1. Fork code!
  2. Create your own branch: git checkout -b feat/xxxx
  3. Submit your changes: git commit -am 'feat(function): add xxxxx'
  4. Push your branch: git push origin feat/xxxx
  5. submitpull request

Finished features

  • Project construction (based on vite))
  • Login and exit
  • Menu (can search, drag and drop and menu layout)
  • Multiple tabs/breadcrumbs
  • Permission management base on role
  • Permission management base on background
  • The separation of routing and menu settings
  • Collapsible sidebar
  • Draggable sidebar
  • Multi-tab mode/global control
  • Menu search
  • Page loading
  • Scroll bar component
  • Pop-up window expansion (dragable, full screen, adaptive height)
  • Mock data
  • hook Package
  • Form component
  • Right-click menu
  • Watermark plugin
  • Animation component
  • QR code plugin
  • Internationalization plugin
  • Details component
  • Validation component
  • Tree component
  • Picture preview component
  • Table component
  • Chart library
  • Digital animation
  • First screen loading waiting animation
  • Extract the production environment profile
  • Build Gzip
  • System performance optimization
  • Data import and export
  • Global error handling
  • Rich text component
  • Upload component

Developing features

  • Theme configuration
  • Dark theme
  • Build CDN

If you have more components/functions/suggestions/bugs/, welcome to submit pr or issue.

Browser support

It is recommended to use the Chrome browser for local development. Development in the Firefox browser is relatively slow.

Support modern browsers, Not currently supported ie11,Follow-up consideration support ie11

IEEdgeFirefox
 Edge
 Edge
Firefox
ChromeChrome SafariSafari not support last 2 versions last 2 versions last 2 versions last 2 versions

More browsers can view Can I Use Es Module

Plugins

If these plugins are helpful to you, you can give a star