npm 构建后 Vue 实例方法中的断点
Breakpoint within Vue instance method after npm build
我是 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
中得到了初始定义
我是 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
中得到了初始定义