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

相关推荐
聪明的笨猪猪16 分钟前
Java SE “核心类:String/Integer/Object”面试清单(含超通俗生活案例与深度理解)
java·经验分享·笔记·面试
聪明的笨猪猪16 分钟前
Java SE “语法”面试清单(含超通俗生活案例与深度理解)
java·经验分享·笔记·面试
Purple Coder6 小时前
论文阅读-9月27日(入门2)
笔记
Larry_Yanan7 小时前
QML学习笔记(十五)QML的信号处理器(MouseArea)
c++·笔记·qt·学习·ui
Larry_Yanan9 小时前
QML学习笔记(十七)QML的属性变更信号
javascript·c++·笔记·qt·学习·ui
Hello_Embed9 小时前
STM32 智能垃圾桶项目笔记(一):超声波模块(HC-SR04)原理与驱动实现
c语言·笔记·stm32·单片机·嵌入式软件·嵌入式项目
聪明的笨猪猪10 小时前
面试清单:JVM类加载与虚拟机执行核心问题
java·经验分享·笔记·面试
忘川w10 小时前
红宝书 基础词回忆
笔记
努力毕业的小土博^_^10 小时前
【深度学习|学习笔记】详细讲解一下 深度学习训练过程中 为什么 Momentum 可以加速训练?
人工智能·笔记·深度学习·学习·momentum
Larry_Yanan10 小时前
QML学习笔记(十四)QML的自定义模块
开发语言·笔记·qt·学习·ui