序言
在進(jìn)行前端開(kāi)發(fā)時(shí)，我們可以很方便的在谷歌瀏覽器上打斷點(diǎn)調(diào)試我們的程序，但是如果使用了node來(lái)編寫后臺(tái)或者中間層，會(huì)發(fā)現(xiàn)使用谷歌是看不到node的調(diào)試和輸出的，node的console.log可以在cmd窗口或者終端看到，但是還是沒(méi)有直接斷點(diǎn)調(diào)試來(lái)的直觀。
配置過(guò)程
1、點(diǎn)擊小蜘蛛
image.png
2、啟動(dòng)程序-添加配置
image.png
3、點(diǎn)擊后會(huì)彈出launch.json，這個(gè)文件就是調(diào)試配置文件。
右下角有個(gè)添加配置
image.png
點(diǎn)擊后可以選擇你要增加的配置:
image.png
4、我這是express創(chuàng)建的，所以配置是這個(gè)樣子
解釋一下，program就是程序的啟動(dòng)入口
5、在需要打斷點(diǎn)的地方打上斷點(diǎn)如圖
image.png
6、點(diǎn)擊啟動(dòng)剛才的配置
image.png
7、啟動(dòng)后你可以看到頂部有個(gè)控制條，然后可以像chrome一樣調(diào)試了
image.png
8、
image.png
左邊可以查看詳細(xì)信息,
鼠標(biāo)圈選單個(gè)變量也會(huì)展示詳細(xì)信息
image.png
好了，就到這，希望各位都能調(diào)試好node
