如何一步步在VSCode中搭建起完整的React Native开发环境呢？

本文共计850个文字，预计阅读时间需要4分钟。

在插件市场搜索react找到React Native Tools进行安装：创建的react-native工程拖入vscode，点击F5即可运行react-native。此时可能出现的界面，这是因为未配置运行环境。

安装 React Native Tools

在插件市场搜索 react 找到 React Native Tools 进行安装：

创建的react-native的工程拖入vscode中

点击F5即可运行react-native

此时可能出现 如下界面，这是因为没有配置运行文件

在debug 页面，点击如下位置，添加configurations

然后点击添加配置，选择debug android

此时点击F5,则可出现如下界面，表示 react-native以运行起来

此时发现断点无法生效，且log的信息感觉特别难看，和使用chrome比起来更难用。

进行断点调试

在模拟器界面，按 Ctrl + m，打开js调试（点击 Debug JS Remotely）

再看控制台，就用 console.log 的日志内容了

此时进行断点也是生效的了。