1.安裝VSCode(安裝就不說了),為什么用它,最重要的一點,他免費啊,對於碼農的我們,這就是剛需。
2.插件安裝:
a.點擊下圖1,進入擴展搜索界面,搜索debugger for chrome插件,安裝,刷新。
b.添加配置——點擊1,然后點擊2,如下圖
然后,會出現如下界面,一定要選中方框里面的環境,記得保存,你的配置欄就會發生變化
接下來先運行attach to packger,然后開啟degug模式,一切完成之后你就可以console.log('控制台輸出數據')或進行斷點調試,斷點僅僅在debug模式下有用
成品如下,當你看到調試欄,和控制台打印信息你就成功了: