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

打断点运行

相关推荐
且白1 小时前
vsCode使用本地低版本node启动配置文件
前端·vue.js·vscode·编辑器
维克喇叭1 小时前
vscode 离线安装第三方库跳转库
ide·vscode·编辑器
alpszero3 小时前
在VSCode中使用Ultralytics扩展
vscode·yolo11
cnkeysky5 小时前
vscode 配置 latex
vscode·latex
2401_858286119 小时前
OS11.【Linux】vim文本编辑器
linux·运维·服务器·编辑器·vim
梦星辰.11 小时前
VSCode CUDA C++进行Linux远程开发
linux·c++·vscode
*Lisen12 小时前
重新安装解决mac vscode点击不能跳转问题
ide·vscode·macos
小男孩tom13 小时前
vscode
ide·vscode·编辑器
我命由我123451 天前
VSCode - VSCode 放大与缩小代码
前端·ide·windows·vscode·前端框架·编辑器·软件工具
old_power1 天前
VSCode 工作区配置文件通用模板创建脚本
ide·vscode·编辑器