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

打断点运行

相关推荐
GBXLUO32 分钟前
windows的vscode无法通过ssh连接ubuntu的解决办法
vscode·ubuntu
ncj3934379064 小时前
vscode中对node项目进行断点调试
vscode·node.js
死也不注释14 小时前
【Unity 编辑器工具开发:GUILayout 与 EditorGUILayout 对比分析】
unity·编辑器·游戏引擎
lyj16899714 小时前
vue-i18n+vscode+vue 多语言使用
前端·vue.js·vscode
这是个栗子16 小时前
【问题解决】VSCode终端中看不到Git-Bash
ide·git·vscode
许白掰1 天前
Linux入门篇学习——Linux 帮助手册
linux·运维·服务器·嵌入式硬件·学习·编辑器·vim
木头没有瓜1 天前
vscode离线安装插件
ide·vue.js·vscode
NeRF_er1 天前
使用 VScode Debug加不上断点的原因
ide·vscode·编辑器
专注VB编程开发20年1 天前
javascript的类,ES6模块写法在VSCODE中智能提示
开发语言·javascript·vscode
MediaTea1 天前
Python 编辑器:Thonny
编辑器