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

打断点运行

相关推荐
哎写bug的程序员2 天前
关于VSCode上gcc,gdb的安装配置问题
ide·vscode·编辑器
旺旺的碎冰冰~2 天前
VScode解决终端输出中文乱码问题
ide·vscode·编辑器
jason.zeng@15022072 天前
使用vscode+flutter开发android程序(入门)
android·vscode·flutter
golang学习记3 天前
最新版VS Code开发Spring Boot项目保姆级教程
java·spring boot·vscode·后端
Navicat中国3 天前
SQL 编辑器生产力:重构与实时错误检测
数据库·sql·重构·编辑器·navicat
2501_915918414 天前
在 Xcode 中运行和调试单元测试的完整指南
ide·vscode·macos·ios·单元测试·个人开发·xcode
面壁的熊猫4 天前
工作和学习中的高效工具
vscode
不爱吃鱼的蔓热莓4 天前
释放VSCode插件占用系统盘垃圾
ide·vscode·编辑器
2501_915106325 天前
iOS开发之Xcode常用调试技巧总结
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
易知微EasyV数据可视化5 天前
会插卡片的编辑器:在 Agent 输入框里混排文字与结构化内容
人工智能·经验分享·编辑器·agent·设计