vue admin work x

Admin WorkX

Introduction:

Admin Work

Using today's most popular technology framework: Vue3 + Webpack + Typescript + Element Plus

characteristic:

• Commonly used templates
  • Built-in commonly used templates eliminate the need to consider interactive layout, helping you develop efficiently
• Default style
  • The style is beautiful and elegant, seamlessly connected to Naive Ui, and you can combine pages as you like.
• layout plan
  • Rich layout modes with high configurability to meet your various layout needs
• Technical support
  • High-quality after-sales technical support and complete documentation allow you to get twice the result with half the effort
• Latest technology stack
  • Developed based on the latest technology stacks such as Vue3, Vite2, TypeScript, NaiveUI, Pinia, etc.
• Lightweight and fast hot reload
  • Always extremely fast module hot reload (HMR) regardless of application size
• Rich examples
  • Common web plug-in example implementations
• Component encapsulation
  • Secondary packaging of components with high daily use frequency to meet basic work needs
• Theme configuration
  • Rich theme configuration and dark theme adaptation
• Permission management
  • Complete front-end and back-end permission management solutions

Project address:

• ? Document address

• ? Demo address (Vue3.x + Typescript + Webpack + ElementPlus)

Demo addresses of other open source projects in the Vue Admin Work series

• ? Vue Admin Work demo address (Vue2.x + Javascript + Element UI + Webpack)

• ? Vue Admin Work X demo address (Vue3.x + Typescript + Element Plus + Webpack)

• ? Vue Admin Work P demo address (Vue3.x + Typescript + Navie UI + Vite2)

• ? Vue Admin Work A demo address (Vue3.x + Typescript + Antd + Vite2)

• ? Arco Work demo address (Vue3.x + Typescript + Arco Design + Vite2)

Now the WeChat technology exchange group needs to add friends and invite them. If you want to join the group for discussion, please follow the WeChat official account and add friends.

Please pay attention to our WeChat public account知码前端, which contains the source code of each version and how to enter the WeChat welfare group

Suitable for the crowd

• If you are developing or want to use vue/element-plus, it is best to have certain programming knowledge, or those who were originally only engaged in cutting images and writing static pages want to improve their front-end capabilities.
• Familiar with the Vue.js technology stack and has used it to develop several actual projects.
• Students who are interested in principles and techniques and want to advance and improve.

Download & Install

• download

  git clone -b master https://github.com/qingqingxuan/vue-admin-work-x.git

• Enter the project directory

   cd admin-work-x

• Install dependencies

  npm install

• run

  npm run dev

How to contribute

You are very welcome to join us! Raise an Issue or submit a Pull Request.

Pull Request:

1. Fork code!
2. Create your own branch: git checkout -b feat/xxxx
3. Submit your changes: git commit -am 'feat(function): add xxxxx'
4. Push your branch: git push origin feat/xxxx
5. Submit pull request

Git contribution submission specifications

• Refer to vue specification (Angular)

  • feat adds new features
  • fix issues/BUG
  • style code style is related and has no impact on the running results.
  • perf optimization/performance improvement
  • refactor
  • revert modifications
  • test test related
  • docs /notes
  • chore dependency update/scaffolding configuration modification, etc.
  • workflow workflow improvements
  • ci continuous integration
  • types type definition file changes
  • wip is under development

Browser support

For local development, it is recommended to use Chrome 80+ browser

Supports modern browsers, does not support IE

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

special thanks

vue3.x
element-plus
vue-router-next
pinia
axios
mockjs
echarts

Advantages and precautions

vue-admin-work 有如下优势:
1. 支持前端控制路由权限和后端控制路由模式
2. 支持 mock ，完全独立于后台
3. 提供了非常多的 mxin 代码块，方便集成各种功能
4. 内置了大量常用的组件，比如，上传，消息提示等
5. 支持多主题、多布局切换
使用注意事项:
1. 项目默认使用使用vscode工具进行开发，也是唯一推荐的开发工具
2. 项目默认eslint校验规范

renderings