HWWY

导航

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就可以了。

在这里补充下关于最近react-native init myApp在创建项目的时候运行出错问题,这是因为在下载包的时候被墙了的原因,这里解决的版本就是降低版本,下面是命令的形式,大家可以参考:

react-native init MyApp --version 0.44.3

这里我用的是0.44.3的版本。

posted on 2017-02-03 10:22  HWWY  阅读(588)  评论(0编辑  收藏  举报