/vite-vue-admin

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

Primary LanguageVueMIT LicenseMIT

Vite-Vue-Admin

 

vite vue element plus typescript license

 

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

捐赠

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

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
  • Global directive
  • Global watermark

Other functions can be issues propose