这是一个创建于 850 天前的主题，其中的信息可能已经有所发展或是发生改变。
我自己的水平：会做最简单的 vue 项目。请教了几个有经验的前端程序员，都是用 log 调试。
在一些 vue 项目（ vite 或者 webpack ）设置 sourcemap ，vs 里面基本上单步正常的，但是遇到复杂的 sourcemap 就乱了。
大家都不用单步调试吗？
在一些 vue 项目（ vite 或者 webpack ）设置 sourcemap ，vs 里面基本上单步正常的，但是遇到复杂的 sourcemap 就乱了。
大家都不用单步调试吗？
 |
1
tramm 2022-08-15 14:59:27 +08:00
我不是前端, 偶尔也写 Vue. 不得不说, 前端的 debug 真的好麻烦
|
 |
2
lmshl 2022-08-15 15:12:56 +08:00  1
函数式风格的基本上 console.log 就够用了，读一遍以后脑子里就形成执行模式，然后在几个点位插入 console.log
命令式风格的得反复 debug ，盯着变量看，一不小心就被改飞了 |
 |
3
murmur 2022-08-15 15:15:52 +08:00
debugger+console.log
chrome sourcemap 的断点一直很烦 |
 |
4
dcsuibian 2022-08-15 15:16:51 +08:00
debugger
|
 |
5
FrankFang128 2022-08-15 15:16:55 +08:00
单步调试效率低体验好，log 调试效率高体验差。
|
 |
6
wangtian2020 2022-08-15 15:23:17 +08:00 1
基本不用 debugger
console.log + [Vue.js devtools] chrome 插件 |
 |
7
gzyguy 2022-08-15 15:56:33 +08:00
vue devtools 边操作边看状态变更。一般用 console.log ，偶尔 debugger 。
|
 |
8
zhuweiyou 2022-08-15 17:26:22 +08:00
devtools 看 vue state 的变化就行了
|
 |
9
creanme 2022-08-15 17:29:46 +08:00
chrome 开发者工具->source 里面可以单步调试啊
|
 |
10
musi 2022-08-15 20:07:00 +08:00
混着用啊，为啥非要局限一种调试方法
|
 |
11
Zzzz77 2022-08-16 10:21:26 +08:00
console.log 真的够用了，之前看 antfu 直播，也有人问这个问题，他说他也是只用 console 的
|
 |
12
wjx0912 OP 感谢大家~~~
|
Select Language