如何从 Intellij 运行/执行/调试 React/Redux 应用程序

Question

我有一个简单的react/redux应用程序，可以通过 命令行运行npm start，并从浏览器调试，但我想使用 继续其开发Intellij。不幸的是，考虑到我的网络开发经验水平，其中的建议片段没有提供足够的整体背景，无法提供很大帮助。我还没有找到一个简单的示例应用程序来用作确定该过程的模式。

主要问题：我可以打开 中的应用程序目录结构Intellij，查看我的小应用程序的所有文件，并毫无错误地构建它，所以我需要创建一个运行配置。我应该使用哪个配置模板，以及如何设置相关参数以便可以运行和调试它Intellij？

谢谢！

Answer 1

这些文档提供了足够的信息，可以从...开始构建和启动应用程序（可以在 IDEA 中通过在编辑器中打开应用程序并单击脚本左侧装订线中的“运行”npm start图标来完成）。然后您必须创建一个新的JavaScript 调试配置：选择“运行”|“调试”。编辑配置，单击添加图标，然后从列表中选择JavaScript 调试。在URL字段中，输入您通常用于在浏览器中打开应用程序的 URL（或任何类似的内容）。单击“调试”package.jsonstarthttp://localhost:3000/

使用您的示例应用程序：

• 选择npm start运行配置，按运行
• 选择调试应用程序配置，按调试：

请参阅https://www.jetbrains.com/webstorm/guide/tutorials/react_typescript_tdd/chrome_debugging/