调试在 webstorm 中不起作用

设置 JavaScript 调试启动

1. 单击启动配置Run/Debug configurations（在右上角的窗格中）
2. 选择编辑配置项 ( Edit configurations)
3. 单击+左上角的按钮以添加新配置
4. 选择一个项目JavaScript Debug
5. 填写配置
   1. 输入启动配置的名称
   2. 请输入一个用于调试的 URL
      。由于我们是在本地开发、运行和调试，并且我们有一个静态的html文件，那么我们使用开发环境中内置的web服务器来接收http请求并进行调试。
      为了调试某些页面，您需要通过单击 URL 输入字段右侧带有文件夹图像的按钮来选择它
6. 在出现的窗口中，选择我们感兴趣的页面。
   选择页面后，启动配置中的URL会自动填入指定的端口和地址。
7. 单击按钮保存配置Apply
8. 再次，单击启动配置列表并在那里选择我们的
9. 单击Debug带有甲虫图像的按钮
10. 我们的页面应该在浏览器中打开
11. 如果之前设置了断点，那么所有的调试信息都会出现在调试器中

现在一步一步用屏幕

第 1 步
单击启动配置Run/Debug configurations（在右侧的顶部栏中）

步骤 2
选择编辑配置项 ( Edit configurations)

步骤 3
单击+左上角的按钮添加新配置

步骤 4
选择一个项目JavaScript Debug

步骤 5
填写配置

1. 输入启动配置的名称
2. 请输入一个用于调试的 URL
   。由于我们是在本地开发、运行和调试，并且我们有一个静态的html文件，那么我们使用开发环境中内置的web服务器来接收http请求并进行调试。
   为了调试某些页面，您需要通过单击 URL 输入字段右侧带有文件夹图像的按钮来选择它

步骤 6
在出现的窗口中，选择我们感兴趣的页面。
选择页面后，启动配置中的 URL 会自动填入指定的端口和地址。

步骤 7
单击按钮保存配置Apply

第 8 步
再次，单击启动配置列表并在此处选择我们的

第 9 步
单击Debug带有甲虫图像的按钮

第 10 步
我们的页面应该在浏览器中打开

完成
如果之前配置了断点，那么所有的调试信息都会出现在调试器中