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

打断点运行

相关推荐
王兆龙16816 小时前
简易版增删改查
前端·vscode·vue
三五度17 小时前
office安装记录
编辑器
mjhcsp17 小时前
Markdown编辑器使用
编辑器
z***897117 小时前
[golang][MAC]Go环境搭建+VsCode配置
vscode·macos·golang
Test-Sunny1 天前
使用编辑器时,富文本编辑器与MD编辑器存在哪些差异
编辑器
QDKuz1 天前
VScode切换远程分支,超简单方法
ide·vscode·编辑器
( ˶˙⚇˙˶ )୨⚑︎1 天前
借助GitHub进行团队协作小组作业
大数据·vscode·github
肖永威1 天前
VSCode调试Python命令行输入参数程序argparse模块实践
vscode·python
8***29311 天前
Go环境搭建(vscode调试)
开发语言·vscode·golang