VSCode 调试 VueJS 程序断点无法进入,显示 未验证的断点
吾辈参照了官方的调试 VueJS 的配置示例:https://github.com/Microsoft/...
错误截图
launch.json
的配置如下
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "vuejs: chrome",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}/src",
"breakOnLoad": true,
"sourceMaps": true,
"sourceMapPathOverrides": {
"webpack:///src/*": "${webRoot}/*"
}
}
]
}
不清楚发生了什么,是 VSCode 自身的 bug?还是说是吾辈有什么配置没有设置正确呢?
吾辈至今仍未找到答案(或许,也不需要),现在来看,vscode 的调试功能并非如同想象中那么重要。
eslint 无时无刻的扫描以及自动热重载能够提前规避许多错误,而且目前而言 Google chrome 的调试功能已经相当不错,并不比 vscode 自身的调试弱(这里使用 cs-f 通过关键词定位到代码)
最后,对于 js 文件快速运行,吾辈个人比较推荐 quokkajs,真正意义上的 js 领域中的[所见即所得],对于快速测试 js 代码片段非常好用