webstorm debug

  • vueconfig.js 中 devtoolSet this parameter in the development environmentsource-map
  • npm run devRun the project (assuming the project runs onhttp://localhost:9528)
  • Click on theedit configurationsTo create a Debug configuration item

  • Click on the+To create a new configuration, selectJavaScript Debug, you can give your configuration item a name likedebug.urlSelect the domain name and port for your project to run, and save the configuration

  • And then todebugRun the mode you just savedThe debug configuration(select the newly created Debug configuration and click the green bug button), a new one will automatically openChrome label, and then hit a breakpoint in the WebStorm code to debug

chrome debug

  • insourcePanel to find the source, hit the breakpoint debugging can be