资讯专栏INFORMATION COLUMN

react-native 一步步:环境搭建

Shihira / 1372人阅读

摘要:以下大部分内容来自官方,有微调系统要求一个装有系统的开发机包管理工具安装或者更新定期执行环境安装安装环境安装,如果被墙,去修改配置文件在命令行运行,安装依赖的包安装模拟器相关,可以和一起安装安装虚拟机加速模块完成后安装控制台执行验证

以下大部分内容来自官方,有微调

系统要求

一个装有 OS X 系统的开发机

Homebrew 包管理工具

brew install nvm
brew install watchman
brew install flow

安装 Nodejs 4.0或者更新

nvm install node && nvm alias default node

定期执行 brew up && brew upgrade

iOS 环境安装

安装 XCode

Android 环境安装

brew install java

brew install android-sdk,如果被墙,去 AndroidDevTools

修改配置文件:~/.bash_profile
export ANDROID_HOME=/usr/local/opt/android-sdk

在命令行运行 android,安装依赖的包

Android SDK Build-tools version 23.0.1

Android 6.0 (API 23)

Android Support Repository

安装模拟器相关,可以和 4 一起安装

Intel x86 Atom System Image (for Android 5.1.1 - API 22)

Intel x86 Emulator Accelerator (HAXM installer)

安装虚拟机加速模块(5完成后)
安装:$SDK/extras/intel/Hardware_Accelerated_Execution_Manager/IntelHAXM.dmg
控制台执行:kextstat | grep intel
验证输出有:com.intel.kext.intelhaxm

配置虚拟机(如果创建失败了,试试其它机型,如 Nexus 4
运行 android avd

npm 安装工具
npm install -g react-native-cli
测试
react-native init AwesomeProject
cd AwesomeProject/
iOS 启动

用 XCode 打开 ios/AwesomeProject.xcodeproj

Cmd+B 编译

Cmd+R 刷新

Android 启动

react-native android 部署安卓环境,要下载很多东西

启动虚拟机 android avd

react-native run-android

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92339.html

相关文章

  • react-native:环境搭建

    摘要:是开源的,在和的基础上构建原生的和应用的平台。着力于提高多平台的开发效率,。下面简单介绍下的环境搭建。环境要求最新的系统,要开发应用就必须使用系统。运行在当前目录下会多出一个的目录,里面是项目的文件。 Any application that than can be written in JavaScript will eventually be written in JavaScri...

    curried 评论0 收藏0

发表评论

0条评论

Shihira

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<