Overview

vue-clownfish-admin is a lightweight frontend framework for developing admin dashboards using the latest Vue technology stack. It is built on top of Vue 3 and integrates the core libraries of the Vue 3 ecosystem. The main technologies used are ES2015+, TypeScript, Vue 3, Pinia, Vue Router, Vite, and Ant Design. Familiarity with these technologies will make it easier to get started with this project. The framework is built with Vite and Vue 3, so it is only compatible with modern browsers and does not support older browsers like Internet Explorer.

Features

• Dynamic Sidebar Menu Generation: The framework dynamically generates a sidebar menu with support for multiple levels of nesting and external links.
• Dynamic Breadcrumb Navigation Tabs: The framework dynamically generates breadcrumb navigation tabs with features like drag-and-drop sorting, right-click menus, and page refresh handling.
• Icon Support for Sidebar, Breadcrumb, and Tabs: The sidebar menu, breadcrumb navigation, and tabs all support icon display using Ant Design icons and SVG icons.
• Dynamic Page Caching: Pages can be dynamically cached based on route configurations.
• Dynamic Route Generation: The framework supports dynamic route generation.
• Dynamic Menu Route Permissions: Menu routes can be configured with permissions for controlling access.
• Automatic CSS Code Prefixing: CSS styles are automatically prefixed for cross-browser compatibility.
• Support for JSX/TSX Development: Development can be done using JSX/TSX.
• Mock API Interface: Support for mocking API interfaces.
• Multi-Environment Configuration: Configuration for different environments is supported.

Installation

To install vue-clownfish-admin, you can follow these steps:

1. Clone the repository:

   git clone <repository_url>
   

2. Install the dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

4. Visit the application in your browser at http://localhost:3000.

Summary

vue-clownfish-admin is a frontend framework developed using the latest Vue technology stack. It provides a range of features for building admin dashboards, including dynamic sidebar menu generation, dynamic breadcrumb navigation tabs, support for icons, dynamic page caching, dynamic route generation, menu route permissions, automatic CSS code prefixing, JSX/TSX support, mock API interface, and multi-environment configuration. It is built with Vue 3 and integrates the core libraries of the Vue 3 ecosystem.