visual studio code 調試reactjs

一、首先到visual studio code官網下載ide。

二、打開visual studio code，點擊右側菜單條的小圖標

找到【Debugger for Chrome】，並安裝

 

 三、打開cmd命令，啓動npm start。（假設npm監聽地址爲：http://localhost:8989）

 四、點擊菜單【調試】->【啓動調試】，或者F5，選擇chrome。

五、修改.vscode文件夾下launch.json的配置文件

將默認的URL修改成http://localhost:8989，與npm偵聽地址一致

六、啓動調試（F5）。

 

而後就能夠愉快的debug代碼了