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