安装Visual Studio 及相关组件
安装 Visual Studio 2019,并选中以下选项:
- 工作负载:通用 Windows 平台开发、使用 C++ 的桌面开发。
- 单个组件:Node.js 开发工具。
新建项目
在RN项目根目录中,运行如下命令创建RN桌面应用子项目:
npx --yes react-native-windows-init --overwrite
运行项目
运行如下命令启动桌面应用:
npm run windows
在RN项目的windows子目录中,有一个后缀名为.sln的文件,文件名是项目名称,这表示该目录是一个Visual Studio项目,使用Visual Studio打开该文件。
选择 VS 中平台组合框控件右侧的“运行”,或选择“调试”->“启动(不调试)”菜单项。 现在,你应该可看到新应用且 Chrome 已经在新选项卡中加载 http://localhost:8081/debugger-ui/ 。按快捷键「 Ctrl+Shift+I 」,打开 Web 浏览器中的开发人员工具。