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

打断点运行

相关推荐
小妖6662 小时前
VScode 的插件本地更改后怎么生效
ide·vscode·编辑器
MonkeyKing_sunyuhua4 小时前
ubuntu22.04卸载vscode
ide·vscode·编辑器
一叶茶5 小时前
VsCode和AI的前端使用体验:分别使用了Copilot、通义灵码、iflyCode和Trae
前端·vscode·gpt·ai·chatgpt·copilot·deepseek
家庭云计算专家5 小时前
还没用过智能文档编辑器吗?带有AI插件的ONLYOFFICE介绍
服务器·人工智能·docker·容器·编辑器
alladmin8 小时前
VSCode CMake Debug
ide·vscode·编辑器
德亦周19 小时前
如何在Mac电脑上的VScode去配置C/C++环境
c++·vscode·macos
七脉神剑1 天前
一分钟在Cherry Studio和VSCode集成火山引擎veimagex-mcp
ide·vscode·编辑器
tonngw1 天前
【Mac 从 0 到 1 保姆级配置教程 12】- 安装配置万能的编辑器 VSCode 以及常用插件
git·vscode·后端·macos·开源·编辑器·github
ONLYOFFICE1 天前
如何更改默认字体:ONLYOFFICE 协作空间、桌面编辑器、文档测试示例
编辑器
hongdou1991 天前
ivx 开发者如何通过 BI 引擎实现应用功能精准优化
低代码·编辑器·ai编程