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

相关推荐
明月醉窗台1 小时前
qt使用笔记二:main.cpp详解
数据库·笔记·qt
Shaoxi Zhang3 小时前
NVM常用命令记录
笔记
wind_one13 小时前
STM32[笔记]--1.前置准备
笔记·stm32·单片机
jackson凌4 小时前
【Java学习笔记】String类(重点)
java·笔记·学习
a_157153249865 小时前
SpringCloud学习笔记-4
笔记·学习·spring cloud
sponge'6 小时前
opencv学习笔记2:卷积、均值滤波、中值滤波
笔记·python·opencv·学习
ljt27249606618 小时前
Compose笔记(二十六)--DatePicker
笔记·android jetpack
早日退休!!!9 小时前
性能优化笔记
笔记·性能优化
love530love9 小时前
【PyCharm必会基础】正确移除解释器及虚拟环境(以 Poetry 为例 )
开发语言·ide·windows·笔记·python·pycharm
普宁彭于晏10 小时前
元素水平垂直居中的方法
前端·css·笔记·css3