MAC搭建React Native开发环境
来源:互联网 发布:如何更改数据库所有者 编辑:程序博客网 时间:2024/05/17 23:19
一、环境需求
1.1安装Homebrew,在终端中执行
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1.2安装npm和Node.js
node安装成功后npm自动也就有了,如果直接安装慢可以把包先下下来网址:https://nodejs.org/en/download/
brew install node
1.3安装WatchMan
安装此工具可以提高开发时的性能
brew install watchman
二、React Native 安装
2.1Yarn、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具
sudo npm install -g yarn react-native-cli
三、ios开发环境需求
Xcode 8 及其以上更高版本
四、Android开发环境需求
4.1 安装最新JDK
你可以在命令行中输入javac -version来查看你当前安装的JDK版本。
下载安装地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
4.2 安装Android studio,在安装过程中请严格执行以下选项:
1)下载安装好Android studio,选择 Custom 选项
2)勾选Performance和Android Virtual Device
3)安装完成后,在Android Studio的启动欢迎界面中选择Configure | SDK Manager
4)在SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
5)在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须是这个版本)。然后还要勾选最底部的Android Support Repository。
6)ANDROID_HOME环境变量
确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中,使用vi ~/.bash_profile。
export ANDROID_HOME=~/Library/Android/sdk
然后使用下列命令使其立即生效:
source~/.bash_profile
4.3 安装Genymotion
Genymotion是一个第三方模拟器,它比Google官方的模拟器更易设置且性能更好。但是,它只针对个人用户免费。
1)下载并安装Genymotion
https://www.genymotion.com/
2)打开Genymotion,如果你尚未安装VirtualBox,它有可能会提示你安装
3)创建一个模拟器并启动
4)按下⌘+M可以打开开发者菜单(在安装并启动了React Native应用之后)
- Mac下搭建react native开发环境
- MAC搭建React Native开发环境
- React Native Mac环境搭建
- 搭建react native mac 环境
- mac搭建react-native环境
- React Native Mac 环境搭建
- Mac环境下React Native开发App环境搭建
- React Native Mac OS X 开发环境搭建
- facebook react native 开发-----win7,mac环境搭建实践
- React Native Mac上搭建Android开发环境
- Mac上搭建React Native Android开发环境并运行
- 在Mac上搭建React Native开发环境
- Mac下搭建React Native iOS开发环境
- React native 开发环境的搭建 — mac平台
- React Native环境搭建 (android/mac环境)
- 搭建 React Native 开发环境
- 搭建React Native开发环境
- React Native 搭建开发环境
- es启动提示内存不足
- P1739 表达式括号匹配
- 快速入门spring-data-jpa,接口方法详解
- How do I build the Android SDK with hidden and internal APIs available?Creating a module library and
- linux中进程、线程、调度的一些理解
- MAC搭建React Native开发环境
- 机器学习资料
- java 基本数据类型及自动类型提升
- Stack Overflow 2017 开发者调查报告发布
- oracle 11g+plsql安装与配置(小白实现)
- JAVA设计模式之单例模式
- 【Android前端】Bing每日图片列表应用制作记录——3.获取网络数据(上)
- 4.26 leetcode -26 sqrtx
- 天平难题 UVa 1354