如何用vscode断点调试Vue.js的项目

源码放在git上了,大家自己去看吧,非常简单,视频教程里面也有。

GitHub - SpaceView/howto_debug_vue_js_with_vscode: A basic project show how to debug vue with vscode

How to Debug?

Following,

Creating a Project | Vue CLI

to create the project.

then debug your project as described in

Debugging in VS Code --- Vue.js

可以根据上面的参考资料进行调试。

这里要注意:要用npm run serve 启动程序,这个程序相当于服务,然后再进入vscode调试这个服务,就可以进行源码调试了。另外,还要安装一些vue的插件。我安装了好几个,但也没有逐个检测哪个是必须的。

附带说一句,断点调试最常用的还是chrome + vuejs-devtools。

相关推荐
晓梦林11 分钟前
MAZESEC-X1靶场学习笔记
笔记·学习
云原生指北4 小时前
你的数据正在喂养 AI:从 Atlassian 公告,看科技平台的数据训练默认政策
笔记
**蓝桉**4 小时前
容器服务学习笔记
笔记·学习
zhangrelay5 小时前
三分钟云课实践速通--模拟电子技术-模电--SimulIDE
linux·笔记·学习·ubuntu·lubuntu
木木_王6 小时前
嵌入式Linux学习 | 数据结构 (Day05) 栈与队列详解(原理 + C 语言实现 + 实战实验 + 易错点剖析)
linux·c语言·开发语言·数据结构·笔记·学习
lkforce6 小时前
MiniMind学习笔记(三)--train_pretrain.py(预训练)
笔记·机器学习·ai·预训练·minimind·train_pretrain
OSwich6 小时前
【 Godot 4 学习笔记】数组(Array)
笔记·学习·godot
数据皮皮侠AI6 小时前
中国城市可再生能源数据集(2005-2021)|顶刊 Sci Data 11 种能源面板
大数据·人工智能·笔记·能源·1024程序员节
其实防守也摸鱼6 小时前
面试常问问题总结--护网蓝队方向
网络·笔记·安全·面试·职场和发展·护网·初级蓝队
z19408920667 小时前
Word题库转结构化:告别换行、选项与答案乱象
经验分享·笔记·语音识别