vite-vue-admin
vite-vue-admin copied to clipboard
🎉🎉使用Vite + Vue3 + Pinia + Vue-router + TypeScript + Element-plus + Mock开发的后台管理系统🎉🎉
trafficstars
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
- The default is to use both the development version and the release version
mockIf the release version needs to be disabledmockPleasemain.tsUncomment the following code under the file And find.env.productionUnder the fileVITE_MOCKVariable to modify itsfalse - Development version disabled
mockPlease.env.developmentUnder the fileVITE_MOCKVariable to modify itsfalse
// 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)
featAdd new featuresfixFix the problem/BUGstyleThe code style is related and does not affect the running resultperfOptimization/performance improvementrefactorRefactorrevertUndo edittestTest relateddocsDocumentation/noteschoreDependency update/scaffolding configuration modification etc.workflowWorkflow improvementsciContinuous integrationtypesType definition file changeswipIn development
plan (2021-3-30)
- [x] Component menu > File Upload
- [x] Component menu > Tencent map
- [x] Component menu > Graphic editing
- [x] Component menu > sign
- [x] Internationalized multilingual
- [x] Chart menu
- [x] Icon menu
- [x] Global
el-button(el-**)size - [x] Global theme color modification
- [x] Added log menu Capture interface error as well as errorHandler
- [x] Common configuration
- [x] use JSX/TSX /src/layout/components/nav-right
- [x] markdown Editor (support formulas, emoticons, flowcharts...)
- [x] Permission test menu
- [ ] Use MD5 encryption to store the login password locally
- [ ] excel Import and Export
- [ ] directive drucken, directive kopieren
- [x] Global directive
- [x] Global watermark
Other functions can be issues propose