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

 

相关文章: