vue3+vite谷歌可以调试吗？ about learning-vue3

[chengpeiquan]

新年好啊！不过我没看太懂问题里的意思，是指在浏览器里断点后没有关联到 VSCode 里的源码吗？

可以尝试在项目根目录下创建一个 .vscode 文件夹，添加一个 launch.json ，写入下面的配置：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "针对 localhost 启动 Chrome",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

启动本地服务后，点这里唤起调试，这样运行后在浏览器里打的断点就会和编辑器关联了，断点到了哪里，源码也会对应的高亮。

[yubeihai]

我按照大佬的方法试了一下我从github上找的项目，还是不行，然后我自己建了一个脚手架试了一下可以加上断点，vscode上不加这个文件，不启动也可以断点到源代码。


然后我加断点加在44行，断点会加在86行。执行的时候也是在86行断点。

可能还是有哪些配置没开启导致的这个问题。非常感谢大佬百忙之中的解答，嘿嘿。