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

打断点运行

相关推荐
nuo5342024 小时前
Nuo-Math-Compiler
c语言·编辑器
怎么没有名字注册了啊9 小时前
(Mac)Visual Studio Code 配置 C/C++运行环境
c++·vscode·macos
风静如云10 小时前
VSCode:编译C/C++单文件程序
vscode
Irene199111 小时前
VSCode 终端快捷键
vscode·终端
CNRio11 小时前
Day 12:Git配置详解:用户信息、编辑器、颜色等配置
git·elasticsearch·编辑器
怪力左手1 天前
vscode扩展离线下载
ide·vscode·编辑器
yiSty1 天前
在VScode中安装Yarn
ide·vscode·编辑器
i_am_a_div_日积月累_1 天前
vscode点击文件会覆盖上一个文件
ide·vscode·编辑器
乐吾乐科技1 天前
乐吾乐3D可视化2025重大更新与2026升级计划
前端·3d·信息可视化·编辑器·数据可视化
取个鸣字真的难1 天前
claude code + vscode,打造专属编程AI IDE
ide·vscode·编辑器·aigc·ai编程·agi·第三方api