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

标签 javascript debugging npm vue.js breakpoints

我是 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 中得到了它的初始定义。

关于javascript - npm 构建后 Vue 实例方法中的断点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43015960/

相关文章:

node.js - 如何更新间接引用的 Node 模块的版本?

javascript - Laravel 7.5.2(护照 Api)+ Ajax 错误 : Undefined index: aud ,\\vendor\\laravel\\passport\\src\\Guards\\TokenGuard.php

javascript - MailChimp jQuery 冲突

.net - 是否可以将系统.NET DLL调试为未优化?

c++ - gdb python编程: how to write code that will set breakpoints to every method of a C++ class?

node.js - 有没有办法强制 npm 从 Intranet 位置安装所有依赖项

node.js - npm5 不接受代理设置

javascript - Greensock 不透明度动画从 0 到 1 然后再返回

Javascript计算字符串的频率字母

javascript - 三秒后隐藏 Bootstrap 工具提示