React native创建第一个HelloWorld项目

参考资料 React native中文网 丶创建项目

1.安装相关软件 node.js 、git

然后根据官网的此步安装 image.png

速度确实好像快了，是的，应该是这样。
环境算是安装好了，接下来在webstrom 新建react-native项目

图一.png
ocation填写你创建的项目要存放的路径，后面untitiled改成自己项目的名称，
Node intercepter填写第一步node.js的安装路径

create-react-app填写的是react-native-cli的地址，默认在C盘的用户名下面的某个地址

新建好之后.png
此时在android的文件下就有安卓的工程了。但是不要马上去跑，用Android Studio 打开该项目，下载一些必要的库或者gradle工具后即可运行 。注这里有androidstudio的安装了。如果要用模拟运行，还要设置Android SDK的路径的环境变量，参考中文网的，真机上运行不用shezhi。
2.在webstrom 直接运行 android的按钮 image.png 但是却提示8081端口被占了。
image.png
cmd -->netstat -ano|findstr 8081（我的用的是8081）-->taskkill /pid 1572（上一个查出的PID 是1572）-->重启项目

发现用webstorm跑项目没什么大问题，环境什么的在一个环境下，用android studio跑就会报红。此处参考资料

image.png
报错页面晃动手机，显示菜单 =》 点击Dev Settings =》 点击Debug server host & port for device =》 设置IP和端口（ex:10.1.1.114:8081）
image.png
设置好之后，杀死重启，但是新的问题来了，没的服务了。如图 image.png
在webstrom的控制台下启动服务 npm start,没在一个环境有关吧,会出现个问题， image.png ，这里就卡起很慢，不知道问什么，然后一会又好了，环境配置有点坑，说实话。
不过忠心感谢文章的作者，，，嘿嘿嘿。
此处参考资料