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

打断点运行

相关推荐
大耳朵土土垚7 分钟前
【Linux 】开发利器:深度探索 Vim 编辑器的无限可能
linux·编辑器·vim
简佐义的博客4 小时前
生物信息常用编辑器:轻量高效的VS Code
编辑器
不见长安见晨雾14 小时前
Linux:vim编辑技巧
linux·编辑器·vim
计算机学姐18 小时前
基于PHP的电脑线上销售系统
开发语言·vscode·后端·mysql·编辑器·php·phpstorm
JANGHIGH20 小时前
VSCode值得推荐的插件(持续更新中)
ide·vscode·编辑器
小O_好好学1 天前
vi | vim基本使用
linux·编辑器·vim
cliffordl1 天前
vscode 环境搭建
ide·vscode·编辑器
JANGHIGH1 天前
VSCode引用Eigen库无法识别问题解决
ide·vscode·编辑器
我就是全世界1 天前
开源集成开发环境搭建之VSCode启动Jupyter Notebook
ide·vscode·jupyter