美文网首页
React-native环境配置

React-native环境配置

作者: 如晚风般迷人 | 来源:发表于2018-06-14 16:19 被阅读0次

一  配置iOS环境

1.安装Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装时会遇到/usr/local目录不可写的权限问题

解决方案:

sudo chown -R `whoami` /usr/loca(官方推荐)

sudo chown 777 /usr/local (权限很大,所有人可以读写和执行)

MacOS 10.11有一个机制Rootless 防止恶意程序的最后防线!现在是直接将这个机制关了!!!

1.将电脑重启按住CMD+R进入恢复模式!

2.进入恢复模式之后,打开终端 输入命令:

$csrutil disable(关闭Rootless)

$csrutil enable(打开Rootless)

2.安装Node.js

brew install node

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

3.Yarn、React Native的命令行工具(react-native-cli)

npm install -g yarn react-native-cli

安装完yarn后同理也要设置镜像源:

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

安装完yarn之后就可以用yarn代替npm了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install --save 某第三方库名。

4.安装Xcode

推荐App Store搜索安装

5.安装Watchman

brew install watchman

6.安装Flow

brew install flow

7.安装Webstorm

二  配置Android环境

1.安装Java环境(jdk1.8)

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

2.安装Android studio

http://www.androiddevtools.cn/

注意:可能出现的问题  Unable to access Android SDK add-on list

意思是:无法访问Android插件列表。

1、出现原因:在第一次安装AS,启动后,检测到电脑没有SDK。

2、解决方法:

第一种:

(1)在Android studio的安装目录下,找到这个文件:\bin\idea.properties

(2)设置初次打开AS,不检测SDK。使用记事本打开,文件末尾添加一行:disable.android.first.run=true。

第二种:

(1)点击Cancel,在后续的界面再安装SDK。

(2)选择路径时,选自己的android sdk的路径,就可以了。

安装完成后,在Android Studio的启动欢迎界面中选择Configure | SDK Manager

在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。

在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须是这个版本)。然后还要勾选最底部的Android Support Repository.

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中:

exportANDROID_HOME=~/Library/Android/sdk

然后使用下列命令使其立即生效(否则重启后才生效):

source~/.bash_profile

可以使用echo $ANDROID_HOME检查此变量是否已正确设置。

3.安装安卓模拟器

1.需要有VirtualBox(虚拟机) 

2.genymotion(模拟器)

3.补充安装eclipse(这东西和RN无关,但是后面移动架构师需要用到)

4.补充安装apache-tomcat

相关文章

网友评论

      本文标题:React-native环境配置

      本文链接:https://www.haomeiwen.com/subject/ycpjeftx.html