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

Breakpoint within Vue instance method after npm build

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

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

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

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

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

The debugger statement invokes any available debugging functionality, such as setting a breakpoint. If no debugging functionality is available, this statement has no effect.

Source

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

中得到了初始定义