Vue Admin
无 UI 框架依赖（默认 vue 3.x 版本）
Overview:
This product is a Vue3 admin template that does not depend on any UI framework. It provides two versions: one for Vue 2.x and one for Vue 3.x. The template includes a core layout with features such as a sidebar menu, breadcrumb navigation, top bar with tabs, and a main content area with route caching. The sidebar menu can be customized based on user roles and permissions. The template also includes HTTP network requests using AJAX, SVG icon components, and state management using the Vue3 Reactivity API.
Features:
- Two versions available: Vue 2.x and Vue 3.x
- No UI framework dependency
- Core layout with sidebar menu, breadcrumb navigation, and top bar with tabs
- Route caching for improved performance
- Customizable sidebar menu based on user roles and permissions
- HTTP network requests using AJAX
- SVG icon components
- State management using Vue3 Reactivity API
Installation:
- Clone the repository:
git clone [repository_url] - Navigate to the project folder:
cd [project_folder] - Install dependencies:
npm install - Start the development server:
npm run dev - Build the project:
npm run build
Summary:
This Vue3 admin template provides a lightweight solution for building a backend management system without relying on any UI framework. It offers flexible customization options, including two versions for different Vue versions. The template includes essential features such as a responsive layout, sidebar menu with role-based permissions, HTTP network requests, SVG icon components, and state management using the Vue3 Reactivity API. It is a suitable choice for developers looking for a minimalistic admin template with easy installation and customization.
- 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.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.