鍍金池/ 問答/HTML/ vscode調(diào)試vue不能設(shè)置斷點(diǎn)?

vscode調(diào)試vue不能設(shè)置斷點(diǎn)?

1.在vscode中debug vue項(xiàng)目(通過vue-cli生成),已經(jīng)成功啟動debug,但是設(shè)置斷點(diǎn)時候顯示“由于未找到生成代碼,已忽略斷點(diǎn)”,請問vue項(xiàng)目是不能夠用vscode debug這個來調(diào)試的么?
2.debug的launch.json配置:
clipboard.png
3.設(shè)置斷點(diǎn)時候被忽略:
clipboard.png

回答
編輯回答
編輯回答
玩控

前端不管你寫得多么酷炫,在瀏覽器跑的永遠(yuǎn)是html css JavaScript。
vs code 斷點(diǎn)主要是后端nodeJS的代碼。
根本不是一回事。

所以,你應(yīng)該代碼里加debugger在瀏覽器打開開發(fā)者工具進(jìn)行調(diào)試。

2017年3月22日 13:45
編輯回答
涼心人

原諒我見識少,代碼debug不是在需要打斷點(diǎn)的地方寫上debugger就行了嗎?

2018年6月27日 01:35
編輯回答
你的瞳
2018年2月2日 06:35
編輯回答
獨(dú)特范

如果是用vue-cli構(gòu)建的項(xiàng)目需要做一些配置上的調(diào)整,具體請參考Vue的CodeBook
在 VS Code 和 Chrome 中調(diào)試

2017年10月22日 17:45