RN环境的搭建

Posted HWWY

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RN环境的搭建相关的知识,希望对你有一定的参考价值。

RN技术详细了解:

RN环境的搭建:

1、           首先安装node.js

2、           安装homebrew(网上内容很多自己找,详细的我就不多说了)

(1)   在homebrew下面安装watchman,命令:brew install watchman

(2)   在homebrew下安装flow,命令:brew install flow

(3)   接下来在本目录下面安装(bin目录下面,我看网上说的不明确,我在以前安装的时候出现过问题,如果用sudo没有权限的话,直接在本目录下面找到os你用户的根目录,直接把你用户的权限设置为-----read&write就可以了)。

(4)   然后用命令:npm install –g react-native-cli

(5)   ls查看nvm目录,

1>用命令:cd nvm

2>然后用命令关联nvm.sh:命令:source nvm.sh

      (6)远程到node.js,命令:nvm ls-remote

接下来环境就OK了。

3.这里特殊说下我在安装android,其中下载网址就是(http://www.androiddevtools.cn),这里有最新版的android studio ,特殊说下我在安装的时候遇见的问题,我在装东西的时候我发现老是能遇见奇葩问题,这个问题是关于android studio插件的问题(plugins),其实在你安装android studio报这个错误没事,你只需要在安装成功后更新下就可以了,安装成功后再android studio得偏好设置里面

 技术分享

也就数这个图片,如果没有我选中的那个东西没事,你在

 技术分享

没有下载的话这里全部是红色的,若果还是有两个东西报错,选择上面的条件

 技术分享

然后就可以运行了,若果你还是会遇到错误直接点击下面的东西更新就可以了。反正我觉得这东西插件太多,老是更新什么东西的我都不明白。跑到真机开始测试,当测试的时候我们会发现一个

 技术分享

这里我们先启动npm,因为可能使我们的npm没有启动,这个cd到你项目的更目录下面,然后用命令:npm start。

(1)   最后摇摇手机,弹框选择(Dev setting),再选择(Debug server host &port for device)。输入自己本机的ip地址家端口,例如:192.168.1.88:8081(说明:只能是自己真机连着自己的电脑无线,不然别调试了,不会让你访问成功的)。

(2)   然后从新运行APP就可以了。

以上是关于RN环境的搭建的主要内容,如果未能解决你的问题,请参考以下文章

RN开发环境的搭建

RN 环境搭建 运行demo App

mac下搭建安卓native开发环境(供rn使用),及rn相关命令

RN01-React Native环境搭建

RN开发-Linux开发环境搭建(Ubuntu 12.04)

ReactNative入门——环境搭建及第一个RN项目—HelloWorld