Vite React Starter

Create a Vite + React project quickly with your preferred libraries.

Instead of manually creating a Vite React project and installing libraries one by one, this extension lets you select the libraries you need and installs them automatically.

✨ Features

• Create a Vite React project
• Choose JavaScript or TypeScript
• Select multiple libraries at once
• Automatically install selected npm packages
• Automatically configure Tailwind CSS
• Automatically create Axios API service setup
• Automatically open the generated project in VS Code

📦 Supported Libraries

Styling

• Tailwind CSS

Networking

• Axios

Routing

• React Router DOM

State Management

• Redux Toolkit
• React Redux
• Zustand

Forms

• React Hook Form

UI Icons

• Lucide React

Data Fetching

• TanStack React Query

🚀 How to Use

1. Open Visual Studio Code.

2. Open the Command Palette:

   Ctrl + Shift + P

3. Search for:

   Create Vite React Project

4. Enter your project name.

5. Select:

   • JavaScript
   • TypeScript

6. Select the libraries you want.

7. Select the location where you want to create the project.

The extension will create the Vite React project, install the selected libraries, configure the required libraries, and open the project automatically.

🛠 Example

For example, you can select:

• Tailwind CSS
• Axios
• React Router DOM
• Redux Toolkit
• Zustand
• React Hook Form
• Lucide React
• TanStack React Query

The extension will automatically install the selected packages in the generated project.

📋 Requirements

• Visual Studio Code
• Node.js
• npm

Make sure node and npm are available in your system PATH.

You can check them using:

node -v
npm -v





⚡ Why Use This Extension?

Normally, creating a React project may require multiple steps:


Create Vite project
       ↓
npm install
       ↓
Install Tailwind CSS
       ↓
Install Axios
       ↓
Install React Router
       ↓
Install Redux
       ↓
Install Zustand
       ↓
Install React Hook Form
       ↓
Install Lucide React
       ↓
Install React Query




With Vite React Starter:

Create Vite React Project
       ↓
Select JavaScript / TypeScript
       ↓
Select Libraries
       ↓
Done 🚀



🔒 Notes

This extension uses your local npm installation to create projects and install packages.

Make sure Node.js and npm are installed before using the extension.