npm build 后 Vue 实例方法中的断点答案

【问题标题】：Breakpoint within Vue instance method after npm buildnpm build 后 Vue 实例方法中的断点
【发布时间】：2017-03-25 11:48:04
【问题描述】：

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

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

是否可以在 that 方法中添加断点，以便我查看它正在接收什么以及如何处理它，并逐步运行它？

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

【问题讨论】：

【解决方案1】：

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

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

Source

这是一个 javascript 功能，最初的定义在 ECMAScript 5.1

【讨论】：