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

相关推荐
五行缺弦38 分钟前
Java 笔记 serialVersionUID
java·开发语言·笔记
破碎的南瓜1 小时前
OSPF笔记
网络·笔记·智能路由器
ssjnbnbnb2 小时前
数据库概述(学习笔记)
数据库·笔记·学习
笑衬人心。3 小时前
JVM 笔记:类加载、内存管理、垃圾收集与垃圾收集器
java·jvm·笔记
无妄之灾|3 小时前
HCIP笔记(第一、二章)
笔记·hcip
22:30Plane-Moon3 小时前
SQL 查询语法笔记
数据库·笔记·sql
_Kayo_3 小时前
VUE2 学习笔记8 v-text/html/cloak/once/pre/自定义
笔记·学习
星星火柴9363 小时前
开发笔记 | 实现人物立绘的差分效果
笔记·unity·游戏程序·优香
杨DaB3 小时前
【SpringMVC】MVC中Controller的配置 、RestFul的使用、页面重定向和转发
java·笔记·后端·学习·spring·mvc·restful
吃不得辣条4 小时前
网络安全笔记
笔记·web安全·智能路由器