Webstorm使用方法

使用WebStorm进行debug时,可以通过以下两种方法开启debug模式。首先,可以通过在package.json文件中的"scripts"字段中添加"start"脚本来启动静态资源。具体代码如下:

"scripts": {

"start": "nodemon https://blog.csdn.net/qq_/article/details/bin/www"

}

如果在WebStorm中debug时遇到提示"Waiting for connection from JetBrains IDE Support Chrome extension. Please make sure it is installed and is listening on port . For help see documentation.",可以按照以下步骤解决。首先,在WebStorm中打开Preferences,然后找到"Build, Execution, Deployment",再选择"Debugger"。在这个页面上,可以找到"Debug"部分以及"Built-in server port"字段。确保该端口和Chrome浏览器中安装的JetBrains IDE Support插件的端口一致即可。具体操作可以参考这个网址:https://jetbrains.com.zh.xy2401.com/help/rider/Using_JetBrains_Chrome_Extension.html#change_default_JetBrains_Chrome_extension_port

如果在debug过程中出现了错误信息"Cannot find...",可能是由于路径配置不正确导致的。可以检查一下路径是否正确,并确保所需的文件存在。此外,还可以尝试使用绝对路径来确保正确加载所需的模块或文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

#### 引用[.reference_title]

- *1* webstorm+node之debug[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.3336%"]

- *2* 关于webstorm Debug失败的问题:Waiting for connection from JetBrains IDE Support Chrome extension.[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.3336%"]

- *3* webstorm debug 出错[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.3336%"]

[ .reference_list ]