一、使用新版的vs code。這里不在贅述安裝過程。
二、安裝插件，JavaScript Debug。這個插件應(yīng)該是默認就有的，新版vs code去掉了 Debugger for Chrome 這個插件。
三、在vs code ,運行和調(diào)試頁面進行配置。
點擊齒輪出現(xiàn)launch.json編輯頁面，webRoot 默認是上圖 注銷掉的 地方。
webRoot 改為你的項目文件路徑。這一步可以保證調(diào)試時通過你寫的代碼，否則無法擊中斷點。
url改為npm run dev （npm run serve） 后的IP地址端口號。
四、先執(zhí)行命令 npm run dev 或 npm run serve 啟動你的項目。
再到運行和調(diào)試窗口 選擇你需要的配置，點擊綠色箭頭啟動調(diào)試。文章來源：http://www.zghlxwxcb.cn/news/detail-665470.html
調(diào)試時的大概樣子。文章來源地址http://www.zghlxwxcb.cn/news/detail-665470.html
到了這里，關(guān)于vs code 調(diào)試vue3 。解決無法擊中斷點的問題。的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
