Visual Studio Code 调试 React Native (RN) 步骤 Mac版

1. 点击  Visual Studio Code 调试 React Native (RN) 步骤 Mac版

Visual Studio Code 调试 React Native (RN) 步骤 Mac版

 

2. 在“应用商店中搜索扩展”输入框输入 “React Native Tools”插件

Visual Studio Code 调试 React Native (RN) 步骤 Mac版

 

安装并启用。

3.点击 顶部 “调试”-->启动调试。Visual Studio Code 调试 React Native (RN) 步骤 Mac版

Visual Studio Code 调试 React Native (RN) 步骤 Mac版

出现 该状态框

Visual Studio Code 调试 React Native (RN) 步骤 Mac版

注意:如果是调试iOS,请选择 Debug iOS;Android 同理

Visual Studio Code 调试 React Native (RN) 步骤 Mac版

4.查看 输出/调试控制台 ,如图:

(有时会提示你参数过期信息如:“program” 即将过期 请用“cwd”替换,全局搜索 ,替换即可)

Visual Studio Code 调试 React Native (RN) 步骤 Mac版

5.调试iOS /Android  需要调出 热键command+D,

连接: Debug JS Remotely。

使用完成,同样要关闭 热键:Stop  JS Remotely Debugging ;