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

打断点运行

相关推荐
2501_916008893 小时前
iOS应用开发工具全面解析:如何选择与优化开发效率
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
REST_30279 小时前
告别Excel孤岛:一款任务链路可视化工具带来的真实改变
大数据·微服务·云计算·编辑器·excel·动态规划
csdn_aspnet14 小时前
如何将 Cursor MCP 与 VS Code 连接
vscode·cursor·mcp·composio
●VON16 小时前
鸿蒙 PC Markdown 编辑器图片粘贴:从系统剪贴板到标准相对链接
华为·编辑器·harmonyos·鸿蒙
●VON16 小时前
鸿蒙 PC Markdown 编辑器外部修改检测:从文件指纹到冲突决策
华为·编辑器·harmonyos·鸿蒙
●VON16 小时前
鸿蒙 PC Markdown 编辑器十兆级大文档保护模式
华为·编辑器·harmonyos·鸿蒙
●VON16 小时前
鸿蒙 PC Markdown 编辑器三方冲突处理:本地缓冲区、磁盘版本与共同基线
网络·华为·编辑器·harmonyos·鸿蒙
●VON16 小时前
鸿蒙 PC Markdown 编辑器搜索选项响应式布局:220 vp 侧栏中的完整中文控件
服务器·华为·编辑器·harmonyos·鸿蒙
小杨小杨、努力变强!17 小时前
VS Code运行HBuilder X中的uni-app项目
vscode·uni-app·uni-app run
ShirleyWang01217 小时前
Linux中Vim编辑器快速找到需要改的行
linux·编辑器·vim