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

打断点运行

相关推荐
SongYuLong的博客1 小时前
VScode+ESP-IDF搭建ESP32开发环境
ide·vscode·编辑器
江湖有缘1 小时前
AI编程工具使用技巧:在Visual Studio Code中高效利用阿里云通义灵码
vscode·阿里云·ai编程
witton2 小时前
macOS使用LLVM官方发布的tar.xz来安装Clang编译器
vscode·macos·cmake·clang·llvm·qtcreator·clang++
千航@abc3 小时前
vim如何显示行号
linux·编辑器·vim
tiger13344 小时前
vscode如何安装vue语法支持
ide·vue.js·vscode
shimh_凉茶20 小时前
VS Code i18n国际化组件代码code显示中文配置 i18n ally
前端·vue.js·vscode
Eiceblue21 小时前
Python 在Word中添加、或删除超链接
vscode·python·pycharm·c#·word
weixin_421133411 天前
vscode 前端常用插件安装大全
前端·ide·vscode
Python大数据分析@1 天前
使用Cline+deepseek实现VsCode自动化编程
ide·人工智能·vscode·python·自动化·ai编程
qq_314009831 天前
VSCode+Continue实现AI辅助编程
ide·人工智能·vscode·编辑器