UNPKG

@twotwoba/vv-cli

Version:

CLI tool for creating Vue3 or React19 template projects by vite

60 lines (38 loc) • 3.03 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
[简体中文](README.zh-CN.md) | 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](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-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](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-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: ```bash # 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!