我正在使用 Visual Studio 2013 构建一个使用 React 和 JSX 作为用户界面的网站。这一切都工作正常，但会导致开发环境缓慢，因为 .jsx 文件被视为纯文本。因此没有语法突出显示，并且您无法设置断点来帮助调试。
有没有办法改善这种体验，或者我是否必须切换到另一个编辑器来处理 jsx 文件？
最佳答案
我可以推荐的两个技巧:
1) 您可以让 Visual Studio 显示具有 JavaScript 格式的 .jsx 文件。在 Visual Studio 中，打开工具 > 选项 > 文本编辑器 > 文件扩展名。将扩展名设置为“jsx”并选择 javascript 编辑器并单击“添加”。您可能需要关闭并重新打开 VS 才能看到更改。如果将 render() 方法保留在 .jsx 文件的底部，那么它的效果会很好。
2) 断点:不，您不能提前添加断点，但有一个解决方法。当您在 Visual Studio 中运行 Web 应用程序时，解决方案资源管理器窗口中会打开一个名为“脚本文档”的新文件夹。转换后的 .jsx 文件中的代码将合并到此“脚本 block ”文件中。加载网页后，在 Visual Studio 中启动 Web 应用后，您可以在此处添加断点。
诚然，一旦停止调试器，这些断点就会丢失。下次运行程序时，必须再次设置它们。但至少你可以迈进这扇门。
如果您想侵入在网页完全加载之前已经运行的代码，请在 jsx 中添加 alert("here"); 命令就在您想要闯入的行之前。运行代码，当弹出窗口出现时，不要按“确定”。切换到 VS 调试器，在脚本 block 文件中添加断点，然后按“确定”按钮。代码应立即在断点处停止。
关于visual-studio - JSX 的 Visual Studio 编辑，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30115779/