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

打断点运行

相关推荐
散峰而望18 小时前
C语言刷题-编程(一)(基础)
c语言·开发语言·编辑器
xfmtznfl2165pv1 天前
如何在VSCode中设置工作区特定的选项?
ide·vscode·编辑器
方知我2 天前
使用VSCode进行SSH远程连接时无法与xxx建立连接
ide·vscode·ssh
香香爱编程2 天前
electron对于图片/视频无法加载的问题
前端·javascript·vue.js·chrome·vscode·electron·npm
Naiva2 天前
【小技巧】PyCharm建立项目,VScode+CodeX+WindowsPowerShell开发Python pyQT6 (二)
vscode·python·pycharm
wukan8882 天前
【SMTP】在线配置测试工具,如何配置接口?
git·网络协议·编辑器
伊卡洛斯az2 天前
vim的跳转看头文件与分屏
linux·编辑器·vim
散峰而望2 天前
基本魔法语言函数(一)(C语言)
c语言·开发语言·编辑器·github
Jonathan Star2 天前
Vue JSON结构编辑器组件设计与实现解析
vue.js·编辑器·json
不染尘.3 天前
2025_11_7_刷题
开发语言·c++·vscode·算法