74 lines
1.7 KiB
Markdown
74 lines
1.7 KiB
Markdown
# PrimeVue Vite Example
|
|
|
|
<br />
|
|
|
|
<div align="start">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
## Overview
|
|
|
|
This example demonstrates a basic PrimeVue integration with Vite, showcasing a modern and responsive dashboard interface. The project features various PrimeVue components with standard CSS styling.
|
|
|
|
## Features
|
|
|
|
- PrimeVue components with CSS styling
|
|
- Powered by Vite for fast development
|
|
- Real-time search functionality
|
|
- Customizable UI components
|
|
|
|
## Tech Stack
|
|
|
|
- [Vue.js](https://vuejs.org/) - The Progressive JavaScript Framework
|
|
- [PrimeVue](https://primevue.org/) - The Ultimate Vue UI Component Library
|
|
- [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling
|
|
|
|
## Getting Started
|
|
|
|
1. Clone the repository:
|
|
|
|
```bash
|
|
git clone https://github.com/primefaces/primevue-examples.git
|
|
cd primevue-examples/vite-quickstart
|
|
```
|
|
|
|
2. Install dependencies:
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
3. Start the development server:
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
4. Build for production:
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
## Project Structure
|
|
|
|
```
|
|
vite-quickstart/
|
|
├── src/
|
|
│ ├── components/ # Vue components
|
|
│ ├── assets/ # Static assets
|
|
│ │ └── styles/ # CSS styles
|
|
│ └── App.vue # Root component
|
|
├── public/ # Public static assets
|
|
├── index.html # Entry HTML file
|
|
└── vite.config.js # Vite configuration
|
|
```
|
|
|
|
## Contributing
|
|
|
|
Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/primefaces/primevue-examples/issues).
|