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

相关推荐
Heartache boy7 分钟前
DWT基础应用与获取程序运行时间Debug练习(上)
笔记·stm32·单片机
西梅汁24 分钟前
C++ 设计模式三大类型理解
笔记
野指针YZZ1 小时前
XV6操作系统:proc机制学习笔记
笔记·学习
Hammer_Hans1 小时前
DFT笔记37
笔记
鸟电波1 小时前
硬件笔记——Allegro绘制器件封装和过孔
笔记·嵌入式硬件·智能硬件
西梅汁1 小时前
C++ 策略模式
笔记
小小的代码里面挖呀挖呀挖1 小时前
恒玄BES蓝牙耳机开发--IIC接口应用
笔记·单片机·物联网·学习·iot
abel0041 小时前
《纳瓦尔宝典》笔记
笔记
wb1891 小时前
企业级MySQL重习
数据库·笔记·mysql·adb·云计算
tswowo61 小时前
Markdown笔记
笔记