vue调试的两种方法

有更多的console.log很烦人，所以使用debug更清楚。

您可以快速清除代码运行的顺序，验证您的想法是否正确，并清楚地知道变量的内容，而不是使用console.log

1、vue开发工具

1.chrome app store安装vue devtools扩展，并打开vue dev通行费扩展2。启动vue，npm运行dev3，访问chrome中的vue网站，打开开发者工具，在引导线中会有更多的vue，如下图所示

vue开发工具

Vue devtools非常清楚数据显示。

第二，vscode调试

1.修改。vscode/launch.json

查看复印打印？

{//使用IntelliSense了解相关属性。//悬停查看现有属性的描述。//更多信息请访问： https://go.microsoft.com/fwlink/? linkid=830387 ' version ' : ' 0 . 2 . 0 '，' configurations ' :[{ ' type ' : ' chrome '，' request': 'launch '，' sourceMaps': true，Name' :' assavue debug '，' URL ' 3: ' http://localhost 33608080 '，' webroot ' : ' $ { workspace

3.点击vscode调试中的绿色三角形开始调试，chrome可以访问URL进行调试

vscode调试vue

摘要

以上就是边肖介绍的vue调试的两种方法，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！