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

打断点运行

相关推荐
程序猿小D1 小时前
第25节 Node.js 断言测试
后端·node.js·log4j·编辑器·vim·apache·restful
卖猪肉的痴汉2 小时前
4.2 C/C++开发环境:VSCode+CMake+MSYS2
c语言·c++·vscode
loriloy4 小时前
VsCode 离线插件下载
ide·vscode·编辑器
hbh112233abc5 小时前
VSCode中PHP使用Xdebug
ide·vscode·php
alpszero9 小时前
使用VSCode开发Django指南
vscode·python·django·sqlite
Wallace Zhang10 小时前
VScode - 我的常用插件01 - 主题插件Noctis
ide·vscode·编辑器
kooboo china.1 天前
Tailwind CSS 实战:基于 Kooboo 构建 AI 对话框页面(八):异步处理逻辑详解
前端·css·人工智能·编辑器·html·交互
程序猿小D1 天前
第22节 Node.js JXcore 打包
开发语言·人工智能·vscode·node.js·c#
至善迎风1 天前
Windows系统中如何使用符号链接将.vscode等配置文件夹迁移到D盘(附 CMD & PowerShell 双版本命令)
ide·windows·vscode