vue3 vscode断点调试

回答: 要在VSCode中进行Vue3项目的断点调试，你需要在项目的根目录下创建一个名为`launch.json`的文件。该文件的配置内容如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch Edge",
      "request": "launch",
      "type": "msedge",
      "url": "http://localhost:3000", // 写自己的端口号
      "webRoot": "${workspaceFolder}/src"
    }
  ]
}

确保替换`url`字段的端口号为你的项目实际运行的端口号。此外，`webRoot`字段指定了你的项目源代码的根目录。

通过以上配置，你可以在VSCode中使用Edge浏览器进行断点调试。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [vue3 vite vscode断点调试](https://blog.csdn.net/qq_32674347/article/details/125275217)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue3项目使用VS CODE进行断点调试](https://blog.csdn.net/qq_45763682/article/details/130983785)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]