如何用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。

相关推荐
风123456789~几秒前
【健康管理】第4章 常见慢性病 4.7慢阻肺 2/2
笔记·考证·健康管理
遇到困难睡大觉哈哈16 分钟前
Harmonny os——《从 TypeScript 到 ArkTS 的适配规则》精简笔记
笔记·typescript·harmonyos·鸿蒙
Ccjf酷儿30 分钟前
操作系统 李治军 1 操作系统基础
笔记
Ghost-Silver32 分钟前
《星火》——关于Deepseek的进化速度
笔记·算法
古译汉书34 分钟前
嵌入式笔记(个人总结)
数据结构·笔记·stm32·单片机·嵌入式硬件
雍凉明月夜1 小时前
视觉opencv学习笔记Ⅲ
笔记·opencv·学习
客梦2 小时前
Java 道路信息系统
java·笔记
一只侯子11 小时前
Face AE Tuning
图像处理·笔记·学习·算法·计算机视觉
whale fall13 小时前
【剑雅14】笔记
笔记
星空的资源小屋14 小时前
跨平台下载神器ArrowDL,一网打尽所有资源
javascript·笔记·django