在 Webstorm 中调试 Nuxt.js
如何在 Webstorm 中调试 Nuxt.js 应用
使用 webstorm 调试 Nuxt.js 应用的步骤如下:
- 将
devtool配置为使用eval-source-map。 Devtool 是 webpack 的一项设置,用于控制源代码映射:
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {
// config.devtool = 'eval-source-map'
if (ctx.isDev && ctx.isClient) {
config.devtool = 'eval-source-map'
}
}
}
- (可选)在 Webstorm 中添加一个 npm 目标来启动您的应用:

- 添加一个用于调试 Javascript 的目标,并将其指向您的应用 URL:

- 设置断点并开始调试。

标签:
debug