Android Studio, VSCode, React Native配置

走过的路-供自己以后参考

https://reactnative.cn/docs/environment-setup安装完Android Studio, JDK, Node

打开VSCode,
1.创建新项目
npx react-native init AwesomeProject

2.编译并运行 React Native 应用
cd AwesomeProject
yarn react-native run-android
yarn react-native run-android只是运行应用的方式之一。你也可以在 Android Studio 中直接运行应用
进入AwesomeProject文件夹开启react-native 服务,不要关闭,重要,如果不开启服务会出红屏问题(Could not get VatchedBridge…)

3.开启Android Studio, 打开刚创建的项目(里边有个Android)运行就可以了。

报错:在这里插入图片描述

解决:其实不知道是不是这么解决的,反正这么操作完后,跑着跑着就好了。在这里插入图片描述
这个Android Studio中gradle都是红色的不知道为啥,反正还是能跑就不管他了。在这里插入图片描述
一运行跑出来这么两个界面,以为是什么bug,其实就是因为你如果直接在VSCode中跑但是没打开Android的模拟器的话,2号窗口就会跳出来调用模拟器,如果模拟器打开着,在VSCode中跑,那2号窗口就不会出现。在这里插入图片描述


版权声明:本文为snow126原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。