我正在使用Visual Studio 2013构建一个使用React和JSX作为用户界面的网站。这一切都运行正常，但由于.jsx文件被视为纯文本，因此开发环境较慢。所以没有语法高亮，你不能设置断点来帮助调试。
有没有办法改善这种体验，还是我必须切换到jsx文件的另一个编辑器？
答案 0 :(得分：23)
我可以推荐两个技巧：
1）您可以使Visual Studio显示带有javascript格式的.jsx文件。在Visual Studio中打开工具＆gt;选项＆gt;文本编辑器＆gt;文件扩展名。将扩展名设置为＆＃34; jsx＆＃34;并选择javascript编辑器并单击＆＃34;添加＆＃34;。您可能需要关闭并重新打开VS以查看更改。如果将render()方法保留在.jsx文件的底部，则效果非常好。
2）断点：不，你不能提前添加它们，但有一个解决方法。在Visual Studio中运行Web应用程序时，会在解决方案资源管理器窗口中打开一个名为＆＃34;脚本文档的新文件夹。＆＃34;转换后的.jsx文件中的代码被连接到这个＆＃34;脚本块＆＃34;文件。在网页加载后，您可以在在Visual Studio中启动Web应用程序后添加断点。
不可否认，一旦停止调试器，这些断点就会丢失。下次运行程序时，必须重新设置它们。但至少你可以踏上门。
如果您想要在网页满载之前打入已经运行的代码，请在想要中断的行之前的jsx中添加alert("here");命令。运行代码，当弹出窗口显示时，请不要按“确定”。切换到VS调试器，在脚本块文件中添加断点，然后按“确定”按钮。代码应该在断点处立即停止。