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的版本。