vscode点击调试然后什么反应都没有，是vscode坏掉了吗

Posted 2023-03-29

我想试试vscode的debug功能，结果点击之后控制台也没反应，变量、监视、调用堆栈都为空，请问这是怎么回事。

参考技术A 你只是申明了函数，并没有调用。你在下面的代码把函数调用就可以出现调试结果了。 参考技术B 《配置VSCode编译器》
步骤：
0、vscode下载地址：https://code.visualstudio.com/Download
1、下载VisualStudioCode安装：https://code.visualstudio.com
1、安装homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
执行：brew update
2、brew install openssl
3、mkdir -p /usr/local/lib
4、ln -s /usr/local/opt/openssl/lib/libcrypto.1.0.0.dylib /usr/local/lib/
5、ln -s /usr/local/opt/openssl/lib/libssl.1.0.0.dylib /usr/local/lib/
9、安装.NET配置文件SDK：https://dotnet.github.io
以下步骤参考执行，详情看官方步骤，有可能更新
10、mkdir hwapp
11、cdheap
12、dotnet new
13、dotnet restore
14、dot netrun
配置VSCode插件，com+shift+p,在输入框内输入：theme。选择启用你所下载的插件
我这里下载了C#、Debugger for Unity，核心插件。
关于unity和vsCode连接使用：
1、下载vscode链接：https://github.com/dotBunny/VSCode.git
解压zip文件，将vscode插件导入unity当中如图：
2、配置好后会在Preferences显示VSCode，接着关联VSCode编译器：
3、选择1、2、3项，点击write workspace setting...
4、打开 Open C# Project In Code
5、在vscode应用商店中下载Debugger for Unity，新建脚本，打开，debug输出调试：
6、调试过程中如果出现以下问题：
调试适配器进程已意外终止，那么说明没有安装mono或者mono非最新版本。
可以通过命令输入 mono -V 查询mono版本。
mono安装、非最新版本下载mono最新版本即可。
针对安装最新mono无法覆盖旧版本mono的解决方案：
这里我没有使用命令。
1、打开文件夹com+shift+g进入文件：/Library/Frameworks/Mono.framework/Versions/Current/bin/mono（这个进入的就是最新版本的mono，旧版本看到先忽略）
2、拷贝mono、xbuild这两个文件
3、com+shift+g进入文件：/usr/local/bin/mono
4、把拷贝mono、xbuild这两个文件粘贴到此路径即可。最后查询一下自己的mono版本是不是最新的哦。
接着就可以调试了....
使用命令：open $HOME/.vscode 可以查看安装的插件路径哦
VSCode常用的快捷方式：
注释：/**/ Shift+ Ctrl + A
注释：// Comd+ /
格式化代码：Shift+ Ctrl + F
格式化需要下载omnisharp.json这个文件，把这个文件放在工程目录下即可（与Assets文件目录同级）

使用 vscode 调试器调试 React Native

【中文标题】使用 vscode 调试器调试 React Native

【英文标题】：Debug React Native using vscode debugger

【发布时间】：2019-05-06 15:39:11

【问题描述】：

我需要在 VsCode 上调试我的 react-native 应用程序，而且我是响应原生开发的新手.. :) 我搜索并遵循不同的方法，但没有运气.. :( 首先，我遵循此方法https://medium.com/@tunvirrahmantusher/react-native-debug-with-vscode-in-simple-steps-bf39b6331e67 并遵循此方法https://www.youtube.com/watch?v=0_MnXPD55-E。但没有运气。

让我解释一下我的调试过程。

首先将 react 原生配置添加到 lunch.json。

像这样将 packager.info.json 添加到 .expo 目录

“expoServerPort”：19001， “包装器端口”：19002， “packagerPid”：65931

然后像这样将 settings.json 添加到 .vscode 目录中

    "react-native": 
        "packager": 
            "port" : 19002
        
    

然后在 vscode 调试选项上运行 Attach to packager 并启用

远程JS调试

关于在我真正的 Android 设备上运行的本机应用程序。但是vscode调试点没有触发。

我试过之后

调试安卓

选项 vscode 调试器。然后http://localhost:8081/debugger-ui/ 窗口弹出。但是 vscode 调试器点没有命中。

任何人都知道如何正确设置使用 vscode 进行反应本机应用程序调试，请给我指导... :) :) 谢谢。。

【参考方案1】：

使用附加到打包器配置并关闭该 localhost:8081/debugger-ui 选项卡，因为如果它保持打开状态，那么 vscode 将无法连接到调试器。现在再试一次，在 vscode 调试器中点击绿色播放按钮并重新加载应用程序。

我们还需要react native tools 扩展名，否则你会得到错误：The configured debug type "reactnative" is not supported。 这是我目前正在使用的launch.json，以防您需要它：

// Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ "name": "Debug Android", "program": "$workspaceRoot/.vscode/launchReactNative.js", "type": "reactnative", "request": "launch", "platform": "android", "sourceMaps": true, "outDir": "$workspaceRoot/.vscode/.react" , "name": "Debug iOS", "program": "$workspaceRoot/.vscode/launchReactNative.js", "type": "reactnative", "request": "launch", "platform": "ios", "sourceMaps": true, "outDir": "$workspaceRoot/.vscode/.react" , "name": "Attach to packager", "program": "$workspaceRoot/.vscode/launchReactNative.js", "type": "reactnative", "request": "attach", "sourceMaps": true, "outDir": "$workspaceRoot/.vscode/.react" , "name": "Chrome Attach to packager", "program": "$workspaceRoot/.vscode/launchReactNative.js", "type": "chrome", "request": "attach", "port": 9222, "sourceMaps": true, "outDir": "$workspaceRoot/.vscode/.react" , "name": "Debug in Exponent", "program": "$workspaceRoot/.vscode/launchReactNative.js", "type": "reactnative", "request": "launch", "platform": "exponent", "sourceMaps": true, "outDir": "$workspaceRoot/.vscode/.react" ]

【讨论】：

找到我丢失的部分..按照我所有的程序，然后重新加载应用程序.. :)

【参考方案2】：

对于仍然无法运行它的人。

为我解决的问题是：

起纱 关闭浏览器中的所有展览窗口。 在手机上启动应用程序。 在您的手机上启动应用程序并摇动它，直到您进入调试器菜单和Disable Debugging。 进入./expo/packager-info.json。复制打包程序端口。 粘贴到您根据 youtube 上的上述教程创建的文件中 ./vscode/settings.json 在 VSCode 中按 F5 摇动手机以启用调试。

【参考方案3】：

您可以在 VS Code 上使用 React Native Tools 扩展（由 Microsoft 提供）来启用 React Native 应用程序的调试（就像任何其他 IDE，而不是 Chrome）。

您可以在my another answer中详细阅读所有说明。