在Visual Studio Code中调试创建React App应用程序

In this post, we are going to create an Create React App application, then add configuration to debug it in Visual Studio Code.

在本文中，我们将创建一个Create React App应用程序，然后添加配置以在Visual Studio Code中对其进行调试。

Check out Learn Visual Studio Code to learn everything you need to know about about the hottest editor in Web Development for only $10!

查看“ 学习Visual Studio Code” ，仅需10美元，即可了解有关Web开发中最热的编辑器所需的所有知识！

TLDR - For an Create React App application, install the Debugger for Chrome extension, create a debug configuration in VS Code, and then run in debug mode.

TLDR-对于Create React App应用程序，请安装Debugger for Chrome扩展程序，在VS Code中创建调试配置，然后在调试模式下运行。

学习VS代码 (Learn VS Code)

If you're interested in learning more about VS Code, you definitely want to check out the upcoming Learn VS Code course.

如果您有兴趣了解有关VS Code的更多信息，那么您一定要查看即将推出的“ 学习VS Code”课程。

创建一个入门项目 ( Creating a Starter Project )

To be able to test an Create React App application, you need an Create React App application :) I'll provide the basic steps, but for more reference on how to get started look at the Create React App page.

为了能够测试Create React Ap