How to create a react app using Vite

Vite is a blazing-fast build tool for modern web development. It takes advantage of native ES module imports to speed up development and builds HTML, CSS, and JavaScript with fast hot module replacement (HMR) without the need for a bundler like Webpack or Parcel.

Create React Project

To create a new React project using Vite, you can start by installing Vite globally on your machine using npm:


npm install -g create-vite


Once Vite is installed, you can create a new React project by running the following command in your terminal:


create-vite react my-react-app


This command will create a new React project named “my-react-app” in the current directory.

Create React App In Vs Code

If you prefer to create a new React project using Vite in VS Code, you can do so by following these steps:

1. Open VS Code and create a new folder for your project.
2. Open the integrated terminal in VS Code by pressing Ctrl + `.
3. Run the following command to create a new React project using Vite:


create-vite react my-react-app


This will create a new React project named “my-react-app” in the folder you created.

Now you can start developing your React app using Vite in VS Code. Vite provides a fast and efficient build process that will help you develop your app with ease.

That’s it! You now know how to create a React app using Vite and how to do it in VS Code. Happy coding!