我是 Vue.js 的新手,我很喜欢它。以前我使用 JQuery 并且必须手动执行所有操作,效率非常低。不过,我喜欢在 Chrome 调试器中编写代码,这样我就可以添加断点并查看应用程序中任何位置发生的情况。
现在我转向了 Vue.js,我正在使用 vue-cli
和 npm
创建并构建一个 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.
这是一个 javascript 特性,它在 ECMAScript 5.1 中得到了它的初始定义。
关于javascript - npm 构建后 Vue 实例方法中的断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43015960/