Visual Studio 编辑 JSX

Question

我正在使用Visual Studio 2013构建一个使用React和JSX来实现用户界面的网站。这一切都运行良好，但是由于 .jsx 文件被视为纯文本，因此开发速度较慢。所以没有语法高亮，并且无法设置断点来帮助调试。

有没有改善这种情况的方法，或者我必须切换到另一个编辑器来处理jsx文件？

- Phil Wright

---

暂时先切换，以后再享受：https://visualstudiomagazine.com/articles/2015/02/20/react-for-web-essentials.aspx?m=2 - WiredPrairie

在Visual Studio 2012中，当我尝试编写JSX时，会出现警告和波浪线。 - John

Answer 1

我可以推荐两种技巧：

1）您可以让Visual Studio以JavaScript格式显示.jsx文件。在Visual Studio中打开工具>选项>文本编辑器>文件扩展名。将扩展名设置为"jsx"，选择javascript编辑器并单击"添加"。您可能需要关闭并重新打开VS才能看到更改。如果您将render()方法保留在.jsx文件底部，它的效果还不错。

2）断点：不，您不能事先添加它们，但有一种解决方法。当您在Visual Studio中运行Web应用程序时，Solution Explorer窗口中会打开一个名为"Script Documents"的新文件夹。来自转换后.jsx文件的代码会汇集到这个"script block"文件中。您可以在网页加载完成后在此处添加断点。

诚然，这些断点会在停止调试器后丢失。下次运行程序时，你必须再次设置它们。但至少你可以入门了。

如果您想要在网页完全加载之前进入已运行的代码，请在所需断点行之前的jsx中添加alert("here");命令。运行代码，当弹出窗口出现时，请勿按OK。切换到VS调试器，在脚本块文件中添加断点，然后按OK按钮。代码应立即停止在断点处。

- Phoeniceus Agelaius