vue 项目单步调试还是 console.log？

[wjx0912]

我自己的水平：会做最简单的 vue 项目。请教了几个有经验的前端程序员，都是用 log 调试。

在一些 vue 项目（ vite 或者 webpack ）设置 sourcemap ，vs 里面基本上单步正常的，但是遇到复杂的 sourcemap 就乱了。

大家都不用单步调试吗？

[tramm]

我不是前端, 偶尔也写 Vue. 不得不说, 前端的 debug 真的好麻烦

[lmshl]

函数式风格的基本上 console.log 就够用了，读一遍以后脑子里就形成执行模式，然后在几个点位插入 console.log
命令式风格的得反复 debug ，盯着变量看，一不小心就被改飞了

[murmur]

debugger+console.log

chrome sourcemap 的断点一直很烦

[dcsuibian]

debugger

[FrankFang128]

单步调试效率低体验好，log 调试效率高体验差。

[wangtian2020]

基本不用 debugger
console.log + [Vue.js devtools] chrome 插件

[gzyguy]

vue devtools 边操作边看状态变更。一般用 console.log ，偶尔 debugger 。

[zhuweiyou]

devtools 看 vue state 的变化就行了

[creanme]

chrome 开发者工具->source 里面可以单步调试啊

[musi]

混着用啊，为啥非要局限一种调试方法

[Zzzz77]

console.log 真的够用了，之前看 antfu 直播，也有人问这个问题，他说他也是只用 console 的

[wjx0912]

感谢大家~~~