Vue Lite Admin
a lite vue3.0 admin template,there is no typescript and vuex (但注释挺全)
Overview
This is a brief introduction to a free and open-source backend management system template built using the latest mainstream technologies. It is primarily designed for learning and reference purposes. The template is based on two high-star backend management system templates, "vue-vben-admin" and "vue-element-admin," with modifications and improvements based on specific requirements. The template utilizes technologies such as Vue.js 3, Vite 2, TypeScript, Ant Design Vue (antdv), Vue Router 4, Pinia, Element Plus, axios, echarts, mockjs, SCSS, prettier, stylelint, commitlint, and SVG Sprites plugin to provide a comprehensive development stack.
Features
- Based on the latest Vue.js 3 framework
- Utilizes Vite 2 for enhanced frontend development experience
- Integrates Vue Router 4 for efficient routing
- Uses Pinia as the state management library, replacing Vuex
- Includes Element Plus, a desktop component library based on Vue 3
- Supports HTTP requests through the axios library
- Provides data generation and Ajax request interception through mockjs
- Enhances CSS with SCSS, a dynamic styling language
- Implements code formatting using prettier
- Supports CSS code checking with stylelint
- Enforces commit conventions with commitlint
- Offers detailed code comments for better understanding
- Minimizes dependencies to improve lightweight and easy adoption
- Provides comprehensive usage examples within component source code
- Automates code deployment with GitHub Actions
- Follows code and commit message conventions to generate CHANGELOG.md
- Includes plugins for SVG Sprites and mock data permission functionality
- Implements quick navigation and button permissions
- Defines component permissions using v-if and custom filter functions
- Plans to add additional features and optimizations in future updates
Summary
The Vuejs3+Vite2+ElementPlus backend management system template is a free and open-source solution that combines the latest technologies to provide a comprehensive development stack for building efficient and modern backend management systems. It offers features such as a lightweight codebase, simplified state management, detailed code comments, and plugins for additional functionality. The template aims to facilitate learning and provide a solid foundation for developers to customize and enhance according to their specific project requirements.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Dashboard
A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.