The latest articles on DEV Community by Dattatray Bodake (@dattatraybodake). https://dev.to/dattatraybodake https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3317187%2Fb7bc7f1d-575d-4f52-801e-77b236d5efbf.jpg https://dev.to/dattatraybodake en Dattatray Bodake Fri, 25 Jul 2025 11:14:01 +0000 https://dev.to/dattatraybodake/how-to-create-a-react-vite-application-using-command-prompt-4fpg https://dev.to/dattatraybodake/how-to-create-a-react-vite-application-using-command-prompt-4fpg <p>Follow these steps to set up a React project using Vite via Command Prompt:</p> <p>Step 1: Set Up the Project Directory</p> <ul> <li><p>Create a new folder where you want to build your React project.</p></li> <li><p>Open the newly created folder and copy the folder path.</p></li> <li><p>Open Command Prompt.</p></li> <li><p>Navigate to the folder using the cd command:<br> cd </p></li> <li><p>Example:<br> cd C:\Users\YourName\Documents\ReactProjects\MyApp</p></li> </ul> <p>Step 2: Create the React + Vite Project</p> <ul> <li><p>Run the following command to create a new Vite project:<br> npm create vite@latest</p></li> <li><p>When prompted with ✔ Ok to proceed? (y), press y and hit Enter.</p></li> <li><p>Enter your project name (instead of the default vite-project) and press Enter.</p></li> <li><p>From the framework list, select React, then press Enter.</p></li> <li><p>From the variant list, choose JavaScript, and press Enter.</p></li> <li><p>The React + Vite project will be created successfully.</p></li> </ul> <p>Step 3: Install Project Dependencies</p> <ul> <li>Navigate into the newly created project directory: cd </li> </ul> <p>Example:<br> cd my-react-app</p> <ul> <li><p>Run the following command to install npm (if necessary):<br> npm install -g <a href="mailto:npm@11.2.0">npm@11.2.0</a></p></li> <li><p>Install the project dependencies:<br> npm install</p></li> </ul> <p>Step 4: Run the React Project</p> <ul> <li><p>Start the development server:<br> npm run dev</p></li> <li><p>After the server starts, copy the local development URL displayed in the terminal (e.g., <a href="http://localhost:5173" rel="noopener noreferrer">http://localhost:5173</a>) and paste it into your browser.</p></li> </ul> <p>Step 5: View and Customize Your Application</p> <ul> <li><p>You should now see the default Vite + React landing page with the logo and a simple counter example.</p></li> <li><p>Customize and design the application according to your needs.</p></li> </ul> react vite