VSCode+Vite+Vue3断点调试

作者 : admin 本文共531个字，预计阅读时间需要2分钟发布时间： 2024-06-6 共2人阅读

lunch.json创建

vite.config.ts

打断点运行

lunch.json创建

首先，点击VSCode左上角，甲壳虫运行的按钮，然后点击运行与调试，选择chrome浏览器，修改成一下配置。

{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: http://go.microsoft.com/fwlink/?linkid=830387
“version”: “0.2.0”,
“configurations”: [
{
“type”: “chrome”,
“request”: “launch”,
“name”: “dev”,
“url”: “http://localhost:5173/”,
“webRoot”: “${workspaceFolder}/src”,
“sourceMaps”: true,
“runtimeExecutable”:”C:\Program Files\Google\Chrome\Application\chrome.exe”
}
]
}