react-native项目的创建


准备工作

首先要确保电脑里有node,还需要用到Android Studio和VScode。

创建项目文件命令:react-native init +项目名

在Android Studio中打开:打开android下的buidl.gradle

启动项目:
1.cd +项目名(进入项目文件夹)
2.然后输入react-native start启动项目,启动成功就会出现如下图片

3.进入Android Studio运行一下项目,就会出现如下效果

准备工作做好了。那么如何在VScode中打开项目进行编译,实现二者关联呢?

首先打开VScode。

打开项目:选择打开文件夹,然后选择你所创建的项目文件夹。

如何编译:打开App.js文件,更改如下

然后保存,再次输入命令:react-native start,在cmd里启动项目。然后重新运行Android Studio,就会出现如下效果啦!(成功实现了二者关联,并可以在虚拟器中看见运行后的效果)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM