我们的 AI 引擎 Neutron 在加州大学伯克利分校的 CyberGym 基准测试中取得了 96.75% 的成绩。 了解更多

工程

工程

在 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 目标来启动您的应用:

替代文本
启动 Nuxt.js

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

替代文本
调试 Nuxt.js

  • 设置断点并开始调试。

替代文本
Nuxt.js 断点

标签:

debug