VSCode+Vite+Vue3断点调试

目录

lunch.json创建

vite.config.ts

打断点运行


lunch.json创建

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

{

// 使用 IntelliSense 了解相关属性。

// 悬停以查看现有属性的描述。

// 欲了解更多信息,请访问: https://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"

}

]

}

vite.config.ts

defineConfig({ build: { sourcemap: true } })

打断点运行

相关推荐
csdn_aspnet8 小时前
2026 年 9 款最佳开源 AI 编码助手及常见问题解答
vscode·continue·cline·goose·ai编码·aider·opencode
任逍遥201110 小时前
免费!VS Code 行为树编辑器 micBT:行为树生成、编辑、推演、调试
vscode·行为树·vscode插件·micbt
拂拉氏11 小时前
【知识讲解】 Linux中vim编辑器的学习与使用
linux·编辑器·vim
林三的日常12 小时前
【无标题】
java·spring boot·vscode·调试·后端开发
Super 含13 小时前
Android 包体积优化(一):APK 到底大在哪里?从 APK 结构到体积分析
android·ide·vscode
愚公搬代码13 小时前
【愚公系列】《Web应用安全》005-Visual Studio Code编辑器的使用
前端·安全·编辑器
舞动青春8815 小时前
vscode copilot配置kimi k3
ide·vscode·copilot
浔川python社1 天前
浔川系列产品后台维护与漏洞修复公告
编辑器
golang学习记2 天前
VS Code 2026年的正确的打开方式
vscode
烂蜻蜓2 天前
Node.js入门教程(二十三):全局对象
node.js·编辑器·vim