Vue Admin
Dolphin Admin Vue is an open source, lightweight, out-of-the-box, elegant and exquisite, internationalized backend management template based on Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS.
Overview
Dolphin Admin Web is an open-source, lightweight, and elegant backend management template based on Vue 3, Vite, Naive UI, TypeScript, TailwindCSS, and other technologies. It provides an out-of-the-box solution for managing and organizing the backend of web applications. It supports various functionalities like routing management, global state management, request handling, internationalization, data visualization, Excel file import and export, real-time communication, code checking and formatting, and more. Dolphin Admin Web also supports third-party logins and desktop application packaging.
Features
- Based on Vue 3, Vite: Dolphin Admin Web is built on the latest version of Vue and uses Vite as the development server.
- TypeScript: Dolphin Admin Web is written in TypeScript, providing type safety and enhanced tooling support.
- Naive UI: The template utilizes Naive UI, a UI library based on Vue 3, for building elegant and responsive user interfaces.
- TailwindCSS: Dolphin Admin Web incorporates TailwindCSS, a utility-first CSS framework, for easy and flexible styling.
- pnpm as package manager: Dolphin Admin Web uses pnpm as the package manager for efficient and fast dependency management.
- Sass as CSS preprocessor: The template utilizes Sass as the preprocessor for CSS, allowing for advanced styling options.
- Vue Router: Dolphin Admin Web integrates Vue Router for managing and handling client-side routing.
- Pinia: The template employs Pinia for global state management, enabling easy sharing and accessing of data across components.
- Axios: Dolphin Admin Web uses Axios for handling HTTP requests, providing a highly encapsulated and convenient API.
- iconify/json and unplugin-icons: The template offers icon management through the use of iconify/json and unplugin-icons, allowing for quick and easy integration of icons.
- unplugin-auto-import and unplugin-vue-components: Dolphin Admin Web includes unplugin-auto-import and unplugin-vue-components for automatic import of components, hooks, and utility classes, reducing manual efforts.
- vue-i18n: Dolphin Admin Web supports internationalization using vue-i18n, making it easier to create multi-language applications.
- ECharts: The template incorporates ECharts, a powerful data visualization library, for displaying and analyzing data in a visually appealing manner.
- xlsx: Dolphin Admin Web utilizes xlsx for Excel file import and export, allowing seamless integration with spreadsheet applications.
- Socket.IO: The template integrates Socket.IO for real-time communication, enabling instant updates and live collaboration features.
- ESLint: Dolphin Admin Web includes ESLint for code checking, ensuring code quality and adherence to best practices.
- Prettier: The template utilizes Prettier for code formatting, resulting in consistent and clean code styles.
- CSpell: Dolphin Admin Web includes CSpell for code spelling checking, helping to identify and correct spelling errors in code.
- Husky, lint-staged, commitlint, cz-git: The template provides Git commit management through the use of Husky, lint-staged, commitlint, and cz-git, ensuring consistent and standardized commit messages.
- taze: Dolphin Admin Web employs taze for dependency version management, making it easier to manage and update dependencies.
- Support absolute path import: The template supports absolute path import using @/, allowing for easier referencing of files and modules.
- Support third-party login: Dolphin Admin Web supports third-party login integration, enabling users to log in using platforms like GitHub or Google.
- Support desktop: The template offers support for desktop applications through the use of Tauri for packaging the web application as a standalone desktop application.
Summary
Overall, Dolphin Admin Web is a feature-rich and customizable backend management template based on modern web technologies. It provides a sleek and intuitive user interface along with a wide range of functionality to effectively manage and organize the backend of web applications. With its extensive list of features and ease of installation, Dolphin Admin Web offers a solid foundation for building robust and efficient backend systems.
- 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.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- 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.