In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple React frontend web application.
In the Start window (choose File > Start Window to open), select Create a new project.
Search for React in the search bar at the top and then select React App for either JavaScript or TypeScript, based on your preference.
Starting in Visual Studio 2022 version 11, the template name was changed from Standalone JavaScript React Project to React App.
Give your project and solution a name.
Choose Create, and then wait for Visual Studio to create the project.
Please note that creation of the React project takes a moment because the create-react-app command that runs at this time also runs the npm install command.
View the project properties
The default project settings allow you to build and debug the project. But, if you need to change settings, right-click the project in Solution Explorer, select Properties, and then go the Linting, Build or Deploy section.
launch.json stores the startup settings associated with the Start button in the Debug toolbar. Currently, launch.json must be located under the .vscode folder.
Build Your Project
Choose Build > Build Solution to build the project.
Start Your Project
Press F5 or select the Start button at the top of the window, and you'll see a command prompt such as:
VITE v4.4.9 ready in 780 ms
Poznámka
Check console output for messages, such as a message instructing you to update your version of Node.js.
Create a Node.js web application project from a Visual Studio template, use IntelliSense and other built-in features for Node.js, and create a simple app with React.
Migrate Node.js projects to the JavaScript project system (.esproj) and access updates including npm dependency management, unit testing, and launch settings.