当前位置: 首页 > Web前端 > HTML

reactnative搭建过程简单记录

时间:2023-03-28 20:04:23 HTML

环境搭建和weex差不多。Node8.9下载地址http://nodejs.cn/download/jdk1.8可以从这个链接下载,http://www.wmzhe.com/soft-30118。htmlsdk可以用Androidstudio安装,下载地址是https://dl.google.com/dl/android/studio/install/2.3.3.0/android-studio-bundle-162.4069837-windows.exe版本做的无所谓因为不支持amd电脑预览app,所以安装sdk为主功能即可,记住你安装的sdk路径,配置环境变量时使用,安装好sdk后不用管,需要选择AndroidSDKPlatform27(必须)和sdkAtom_64SystemImage中的Intelx86(官方模拟器镜像文件,非官方模拟器不需要安装该组件)。查了资料好像还需要安装python2。,sdk安装过程和weex类似,这里略过,具体看中文官网https://reactnative.cn/docs/getting-started/环境变量配置,写到没关系系统或用户变量,区别不大,会一致好点jdk环境变量变量名:JAVA_HOME,值:C:\ProgramFiles\Java\jdk1.8.0_131变量名:path,值:%JAVA_HOME%\垃圾桶;变量名:CLASSPATH,值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;sdk环境变量变量名:ANDROID_HOME变量值:D:\Android\sdk是你的sdk路径,其中路径变量名:路径变量值:;D:\Android\sdk\platform-tools;D:\Android\sdk\tools;fb官方脚手架(经测试未能搭建项目)npminstall-gexpo-cliexpoinitAwesomeProjectcdAwesomeeProjectnpmstartScaffoldingfor国内中文官网文档教程(推荐使用这个)命令行npminstall-gyarnreact-native-cliyarnconfigsetregistryhttps://registry.npm.taobao.org--globalyarnconfigsetdisturlhttps://npm.taobao.org/dist--globalreact-nativeinitAwesomeProject下载并安装网易mumuAndroid模拟器http://mumu.163.com/(Androidstudio不支持amd处理器,建议使用安卓模拟器来预览)打开mumu右下角系统应用中的设置,打开usb调试,连接mumu端口命令行adbconnect127.0.0.1:7555cdAwesomeProjectreact-nativerun-android如果运行成功,可以在mumu上看到初始化界面。ios跳过。.