RN环境的搭建

Posted 2020-08-29 HWWY

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