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

打断点运行

相关推荐
Blue桃之夭夭9 小时前
Visual Studio Code设置个性化背景教程
ide·vscode·编辑器
EQ-雪梨蛋花汤18 小时前
【Unity笔记】Unity 编辑器扩展:打造一个可切换 Config.assets 的顶部菜单插件
unity·编辑器·游戏引擎
byte轻骑兵1 天前
365 天技术创作手记:从一行代码到四万同行者的相遇
ide·vscode·编辑器
奥特曼打小白1 天前
Visual Studio Code的第一次安装
ide·vscode·编辑器
weixin_456904271 天前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
小猫挖掘机(绝版)1 天前
通过tailscale实现一台电脑上vscode通过ssh连接另一台电脑上的VMware Linux 虚拟机
linux·windows·vscode·ubuntu·ssh
和小胖11221 天前
第二讲 Vscode+Python+anaconda 高阶环境配置
ide·vscode·python
凯哥Java2 天前
适应新环境:Trae编辑器下的IDEA快捷键定制
java·编辑器·intellij-idea
陈老老老板2 天前
Visual Studio Code 中为Copilot 添加 Bright Data 的 Web MCP
ide·vscode·copilot
EveryPossible2 天前
如何终止画图
linux·编辑器·vim