vite-vue-admin
                                
                                 vite-vue-admin copied to clipboard
                                
                                    vite-vue-admin copied to clipboard
                            
                            
                            
                        🎉🎉使用Vite + Vue3 + Pinia + Vue-router + 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
- 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 features
- fixFix the problem/BUG
- styleThe code style is related and does not affect the running result
- perfOptimization/performance improvement
- refactorRefactor
- revertUndo edit
- testTest related
- docsDocumentation/notes
- choreDependency update/scaffolding configuration modification etc.
- workflowWorkflow improvements
- ciContinuous integration
- typesType definition file changes
- wipIn 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