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号窗口就不会出现。在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值