Introduction

What is comp-hub

comp-hub is a Vue-based component preview and sharing platform that helps development teams achieve business component沉淀 and reuse.

In modern frontend development, componentization has become the mainstream trend. However, in actual work, we often encounter these problems:

Components are hard to find: Excellent components in historical projects are difficult to retrieve, leading to reinventing the wheel
High copy costs: After directly copying component code, you need to handle dependencies, paths, styles, and other issues
Difficult version synchronization: When multiple projects share components, updates cannot be synchronized to all projects in time
Inconvenient preview: Viewing component effects requires starting a complete project, which is inefficient
Incomplete documentation: Components lack usage instructions, making it difficult for other developers to get started quickly

comp-hub makes component reuse simple and efficient through the "upload-preview-download" closed-loop process.

Online Preview: View component effects without downloading, supporting small window and full-screen preview modes
One-click Download: Download directly to the specified directory, maintaining complete file structure and resource references
Version Management: Support for semantic versioning, allowing you to view and switch historical versions at any time
Dependency Adaptation: Intelligent matching of local dependency versions to ensure components run normally in the local environment
Documentation Integration: Support for Markdown documentation, making component functions and usage methods clear at a glance

comp-hub adopts a "local operation + cloud storage" hybrid architecture:

Local Service: Developers start comp-hub locally, and the service reads local project files
Cloud Storage: Component code and metadata are stored in the cloud, facilitating team sharing
Real-time Preview: The local service renders components in real-time, ensuring the preview effect is consistent with the local environment
Smart Adaptation: When downloading components, the system automatically adapts to the local project's dependency versions