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 } })

打断点运行

相关推荐
远游客-蜡台29 分钟前
vscode使用claude code的一点记录
vscode·ai
小碗童3 小时前
解决 Vscode SSH远程连接上后,点击打开文件无响应问题。
ide·windows·vscode·ssh
笑望灬星辰9 小时前
VS Code 编辑器 Git 工具 - 分支操作【保姆级教程】
git·vscode·编辑器
山峰哥12 小时前
SQL性能提升20倍的秘密:这些优化技巧让DBA都惊叹
开发语言·数据库·sql·编辑器·深度优先·宽度优先
Karle_14 小时前
为AI编辑器准备c++编译环境,onnxruntime、cmake、cl,网上坑太多备份记录后续方便使用。
开发语言·c++·编辑器
la_vie_est_belle15 小时前
Pygame Studio——用Python自制的一款可视化游戏编辑器
python·游戏·编辑器·游戏引擎·pygame·pyside6·pygame-ce
shughui16 小时前
2026年最新版Python安装和PyCharm安装教程(图文详细 附安装包)
开发语言·windows·python·pycharm·编辑器
An_s1 天前
编辑器AI工具(vscode+claude)
ide·vscode·编辑器
千百元1 天前
VScode怎么切中文菜单
vscode
zhangfeng11331 天前
部署到服务器上 宝塔系统 使用宝塔在线编辑器 FTP 批量上传 Git 部署 打包上传 codebudyy 编程程序开发
服务器·git·编辑器