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

打断点运行

相关推荐
我狸才不是赔钱货27 分钟前
DevOps:打破开发与运维之间的高墙
运维·vscode·docker·devops
我狸才不是赔钱货1 小时前
揭开命令行的面纱:终端、CLI、Shell的终极辨析
vscode·ssh·bash
空影星3 小时前
SiriKali,一款跨平台的加密文件管理器
python·编辑器·电脑·智能硬件
TLucas3 小时前
Layui连线题编辑器组件(ConnectQuestion)
前端·编辑器·layui
添砖java‘’9 小时前
vim高效编辑:从入门到精通
linux·编辑器·操作系统·vim
非得登录才能看吗?13 小时前
VScode 入门(设置篇)
ide·vscode·编辑器
AlphaFinance17 小时前
Windows下Vscode连接到WSL的方法
ide·vscode·编辑器
Dobby_0517 小时前
【Go】C++ 转 Go 第(二)天:变量、常量、函数与init函数
vscode·golang·go
空影星1 天前
Tablecruncher,一款轻量级CSV编辑器
python·编辑器·电脑·智能硬件
开发游戏的老王1 天前
虚幻引擎入门教程:虚幻编辑器的基本操作
编辑器·游戏引擎·虚幻