zjcomeon / vite-vue-admin

🎉🎉使用Vite + Vue3 + TypeScript + Element-plus + Mock开发的后台管理系统🎉🎉

Vite-Vue-Admin

 

 

English | 简体中文

introduce

configuration

• vue3.X
• vuex@4
• vue-router@4
• vite@2
• typescript
• mock

Built-in element-plus Two development Encapsulation

• upload-file (File Upload，Support specified file format,File size)
• powerful-table (Multi-function form component)Documentation readme

Project settings

Precautions

1. The default is to use both the development version and the release version mock If the release version needs to be disabled mock Please main.ts Uncomment the following code under the file And find .env.production Under the file VITE_MOCK Variable to modify its false
2. Development version disabled mock Please.env.development Under the file VITE_MOCK Variable to modify its false

// main.ts

// if (
//   import.meta.env.VITE_MOCK === "true"
// ) {
mockXHR()
// }

Install dependencies,

$ yarn

or

$ npm install

Recommended Use yarn , yarn Installation and common commands 。

Compiles and hot-reloads for development

$ yarn dev

or

$ npm run dev

Compiles and minifies for production

$ yarn build

or

$ npm run build

Preview production build products locally

$ yarn preview

or

$ npm run preview

contribute

If you think this project helped you, please help click Star

Git Contribution submission specification

• reference vue specification (Angular)

  • feat Add new features
  • fix Fix the problem/BUG
  • style The code style is related and does not affect the running result
  • perf Optimization/performance improvement
  • refactor Refactor
  • revert Undo edit
  • test Test related
  • docs Documentation/notes
  • chore Dependency update/scaffolding configuration modification etc.
  • workflow Workflow improvements
  • ci Continuous integration
  • types Type definition file changes
  • wip In development

plan （2021-3-30）

• Component menu > File Upload
• Component menu > Tencent map
• Component menu > Graphic editing
• Component menu > sign
• Internationalized multilingual
• Chart menu
• Icon menu
• Global el-button(el-**) size
• Global theme color modification
• Added log menu Capture interface error as well as errorHandler
• Common configuration
• use JSX/TSX /src/layout/components/nav-right
• markdown Editor (support formulas, emoticons, flowcharts...)
• Permission test menu
• Use MD5 encryption to store the login password locally
• excel Import and Export
• directive drucken, directive kopieren
• Global directive
• Global watermark

Other functions can be issues propose