1、首先到visual studio code官网下载ide。

2、打开visual studio code,点击右侧菜单条的小图标visual studio code 调试reactjs

visual studio code 调试reactjs

找到【Debugger for Chrome】,并安装

visual studio code 调试reactjs

 

 3、打开cmd命令,启动npm start。(假设npm监听地址为:http://localhost:8989)

 4、点击菜单【调试】->【启动调试】,或者F5,选择chrome。

5、修改.vscode文件夹下launch.json的配置文件

将默认的URL修改为http://localhost:8989,与npm侦听地址一致

visual studio code 调试reactjs

6、启动调试(F5)。

 

然后就可以愉快的debug代码了

visual studio code 调试reactjs

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-25
  • 2021-10-28
  • 2022-12-23
  • 2021-07-22
  • 2021-07-13
猜你喜欢
  • 2022-12-23
  • 2021-06-20
  • 2021-11-16
  • 2022-12-23
  • 2021-11-30
  • 2021-07-28
相关资源
相似解决方案