@twotwoba/vv-cli

简体中文 | English

🚀 React or Vue Development Templates

Streamline your development workflow with these opinionated, feature-rich templates for Vue 3 and React 19, powered by Vite 5+. Each template is meticulously configured to get you up and running with a consistent, modern development experience.

---

🛠️ Simplified Configuration

We've taken care of the essential setup so you can focus on building amazing applications:

• Unified Code Style: A project-level settings.json for VS Code ensures consistent code formatting (integrated with ESLint, StyleLint, and Prettier). While this template optimizes for VS Code users, developers using other editors will need to install and configure their own dependencies for a similar experience.
• Package Manager: We standardize on pnpm for efficient and reliable dependency management.
• Blazing Fast Development: Both templates leverage Vite 5+ for an incredibly fast development server and build times.

[TODO] Rolldown is Coming soon!

---

⚛️ React 19 Development Template

Based on the official React-TS starter, this template comes packed with:

1. Shadcn UI: Beautifully designed, customizable UI components to accelerate your development.
2. Tailwind CSS + Lucide Icons: A utility-first CSS framework paired with a comprehensive, consistent icon set.
3. SWR for Data Fetching: A lightweight library for data fetching, caching, and revalidation, perfect for GET requests.
4. useHooks: A collection of frequently used, battle-tested React Hooks to enhance your component logic.
5. Zustand State Management: A small, fast, and scalable state management solution for React.
6. Pre-configured Axios: Ready-to-use setup for making HTTP requests.

---

✨ Vue 3 Development Template

This template builds upon the official Vue-TS starter, supercharging it with:

1. Auto Imports: Say goodbye to manual imports! Automatically import APIs and components for a smoother coding experience.
2. Unocss + Iconify: A powerful combination for styling and flexible icon management.
3. Local Icon Sprites: Efficiently manage and display your custom SVG icons with a pre-configured sprite component.
4. Motion for Animations: Easily craft stunning animations and transitions with the intuitive Motion library.
5. Pinia State Management: A simple, intuitive, and type-safe state management solution for Vue.
6. Pre-configured Axios: Get started with robust HTTP requests right out of the box.

---

🚀 Get Started

It's incredibly easy to spin up a new project with these templates:

# Install the CLI globally
pnpm i @twotwoba/vv-cli -g

# Create a new project
vv <your-project-name>

Choose your preferred template and start building your next great application today!