如何在WebStorm中调试JavaScript程序

1.下载chrome插件

在chrome应用商店中搜索”JetBrains IDE Support”,点击”添加至chrome”进行安装:

安装完成后,chrome的右上解会出现一个图标:

2.配置WebStorm

  • 点击WebStorm右上角的三角,点击”Edit Configurations”:

  • 点击”+”号,选择”JavaScript Debug”:

  • 配置要调试的页面路径:

  • 点击右上角的debug按钮即可进行调试:

注:WebStorm默认使用的端口为63342,若该端口被占用,则需要进行以下操作进行修改:

  • 配置JetBrains IDE Support:

    点击chrome菜单中的”更多工具”-“扩展程序”,看到chrome中扩展程序列表。

    点击”选项”,在跳出的页面中修改端口:

  • 配置WebStrom:
    打开Settings-Build,Execution,Deployment-Debugger,将端口号修改为上面浏览器中修改的端口即可:

猜你喜欢

转载自blog.csdn.net/FormulaRoom/article/details/78751899