Visual Studio编辑的JSX

Question

我正在使用Visual Studio 2013构建一个使用React和JSX作为用户界面的网站。这一切都可以正常工作，但由于.jsx文件被视为纯文本，因此开发环境变慢。所以没有语法突出显示，也不能设置中断点来帮助调试。

有没有办法改善这种体验，或者我必须切换到另一个编辑器的jsx文件？

Answer 1

两个技巧，我可以推荐：

1）可以使Visual Studio中显示与JavaScript格式一个.jsx文件。在Visual Studio中打开工具>选项>文本编辑器>文件扩展名。将扩展名设置为“jsx”并选择JavaScript编辑器并单击“添加”。您可能需要关闭并重新打开VS以查看更改。如果您将render()方法保留在.jsx文件的底部，它的工作情况会非常好。

2）断点：不，你不能提前添加它们，但有一个解决方法。当您在Visual Studio中运行您的Web应用程序时，将在名为“Script Documents”的解决方案资源管理器窗口中打开一个新文件夹。来自转换后的.jsx文件的代码会连接到此“脚本块”文件中。在网页加载后，您可以在之后在Visual Studio中启动Web应用程序后在处添加断点。

不可否认，只要停止调试器，这些断点就会丢失。下一次运行程序时，必须重新设置它们。但至少你可以把你的脚放在门外。

如果你想打破成之前已经运行网页的代码是满载，只是要打入前行的JSX添加alert("here");命令。运行代码，出现弹出窗口时，请勿按OK。切换到VS调试器，在脚本块文件中添加断点，然后按下OK按钮。代码应该立即停止在你的断点上。