vscode 怎麼打斷點調試

第一步：在vscode中安裝Debugger for Chrome 或者debugger for fireFox的插件

第二步：快捷鍵F5 或者點擊運行=>啓動調試

第三步：選擇環境需要配置的環境Chrome ，firefox或者node

第四步：上一步選chrome 或者firefox的環境隨便選其中一個，此時會出現一個launch.json的配置文件

第五步：配置launch.json加入chrome和firefox的配置項，再一次按下F5，添加配置文件，選擇fiefox：server，會自動生成配置

第六步：全局安裝http-server

npm i http-server -g

第七步：測試（在js中打上斷點），

並在命令行中運行http-server，會自動產生一個模擬路徑，

最後再一次F5 ，出現可以攔截到之前所設置的斷點

通過切換配置項我們可以更換爲火狐遊覽器