在npm构建之后的Vue实例方法中的断点

时间:2017-03-25 11:48:04

标签: javascript debugging npm vue.js breakpoints

我是Vue.js的新手,我很喜欢它。以前我使用JQuery并且必须手动完成所有操作效率非常低。但是,我喜欢使用我在Chrome调试器中编写的代码,以便我可以添加断点并查看应用程序中的任何位置。

现在我转到了Vue.js,我正在使用vue-clinpm来创建,并构建一个Vue应用程序,在dist/build.js下生成实际的应用程序代码。我在一个Vue组件中有一个方法,它没有显示任何错误,但是没有按预期运行。

是否可以在 方法中添加断点,以便我看到它正在接收什么以及如何处理它,逐步运行它?

从我所看到的,我在Vue组件中编写的源代码在build.js内,位于eval函数中的loooong字符串中。

1 个答案:

答案 0 :(得分:3)

要调试js应用程序,您可以添加debugger语句,它会在应用的代码中添加断点。

  

调试器语句调用任何可用的调试功能,例如设置断点。如果没有可用的调试功能,则此语句无效。

     

Source

这是一个javascript功能,它在ECMAScript 5.1

中得到了它的初始定义