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



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

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

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

据我所知,我在 Vue 组件中编写的源代码在 build.js 中,在 eval 函数内的 loooong 字符串内。

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

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

它是一个 JavaScript 特性,它在 ECMAScript 5.1 中得到了它的初始定义

最新更新