All Projects → peng-xiao-shuai → vite-vue-admin

peng-xiao-shuai / vite-vue-admin

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

Programming Languages

Vue
7211 projects
typescript
32286 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to vite-vue-admin

vite-vue3-starter
⭐ A Vite 2.x + Vue 3.x + TypeScript template starter
Stars: ✭ 384 (+295.88%)
Mutual labels:  vue-router, vue3, vite, element-plus
vite-example
Todo app with vite/vue3/vue-router4
Stars: ✭ 22 (-77.32%)
Mutual labels:  jsx, vue-router, vue3, vite
vue-vben-admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!
Stars: ✭ 12,169 (+12445.36%)
Mutual labels:  vue-router, tsx, vue3, vite
bpmn-vue-activiti
基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器(Activiti process designer based on Vue3.x + Vite + BPMN-JS + Element-Plus + TSX implementation)
Stars: ✭ 345 (+255.67%)
Mutual labels:  tsx, vue3, vite, element-plus
admin-antd-vue
Vue3.x + Ant Design Admin template (vite/webpack)
Stars: ✭ 111 (+14.43%)
Mutual labels:  mock, vue-router, vue3, vite
Vue Vben Admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!
Stars: ✭ 8,036 (+8184.54%)
Mutual labels:  vue-router, tsx, vue3, vite
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+1249.48%)
Mutual labels:  tsx, vue3, vite, element-plus
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin;使用vue-cli可以切换webpack分支
Stars: ✭ 79 (-18.56%)
Mutual labels:  mock, vue3, vite, element-plus
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (+114.43%)
Mutual labels:  i18n, mock, vue-router
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+75203.09%)
Mutual labels:  i18n, mock, tinymce
vue-next-admin
🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)
Stars: ✭ 1,002 (+932.99%)
Mutual labels:  vue3, vite, element-plus
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+11207.22%)
Mutual labels:  mock, vue3, element-plus
vue-lite-admin
a lite vue3.0 admin template,there is no typescript and vuex (但注释挺全)
Stars: ✭ 67 (-30.93%)
Mutual labels:  vue3, vite, element-plus
Vue3 News
🔥 Find the latest breaking Vue3、Vue CLI 3+ & Vite News. (2021)
Stars: ✭ 2,416 (+2390.72%)
Mutual labels:  vue-router, vue3, vite
fastadmin
vue3 + element-plus fast admin scaffold, 基于vue3和ElementPlus的中后台快速应用脚手架
Stars: ✭ 50 (-48.45%)
Mutual labels:  vue3, vite, element-plus
vue-devui-early
Vue3版本的DevUI组件库。本仓库已迁移至:https://github.com/DevCloudFE/vue-devui
Stars: ✭ 39 (-59.79%)
Mutual labels:  tsx, vue3, vite
Lin Cms Vue
🔆 Vue+ElementPlus构建的CMS开发框架
Stars: ✭ 2,341 (+2313.4%)
Mutual labels:  vue-router, vue3, element-plus
md-editor-v3
Markdown editor for vue3, developed in jsx and typescript, dark theme、beautify content by prettier、render articles directly、paste or clip the picture and upload it...
Stars: ✭ 326 (+236.08%)
Mutual labels:  jsx, tsx, vue3
vue3-admin
🔥 🎉 Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 开发的后台管理系统
Stars: ✭ 1,471 (+1416.49%)
Mutual labels:  vue-router, vue3, element-plus
vue3-jd-h5
🔥 Based on vue3.0.0, vant3.0.0, vue-router v4.0.0-0, vuex^4.0.0-0, vue-cli3, mockjs, imitating Jingdong Taobao, mobile H5 e-commerce platform! 基于vue3.0.0 ,vant3.0.0,vue-router v4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
Stars: ✭ 660 (+580.41%)
Mutual labels:  jsx, tsx, vue3

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].