写在前面的话
搭建任何开发环境,官方的说明的可信度>网上的帖子。
开发环境搭建时间:2018/04/10
开发环境:Windows 10 64bit,Python 2.7.14,react-native-cli 2.0.1,react-native 0.55.2,Node 9.11.1
先把官方的说明文档贴出来:https://reactnative.cn/docs/0.51/getting-started.html#content
下面记录一下我在安装过程中出现的问题。
1.安装Nodejs
图1 安装Nodejs在安装步骤第1和第2中,如果python已经安装,且版本是2,则可以跳过该步骤。
需要注意的是Nodejs的安装。官方提供的nodejs安装完成之后,没有npm。
我选择从官网直接下载nodejs:https://nodejs.org/dist/v9.11.1/
选择了x64.zip,免安装版,解压到通常使用的位置,新建两个文件夹:node_cache,node_global。与node_modules同级。
然后就是配置nodejs的开发环境。
系统变量中加入:NODE_PATH。这个地址就是node的解压缩目录。
图2 NODE_PATH配置然后Path中加入环境变量:
图3 Path中加入环境变量到此Node环境配置完毕。接着官网说明文档继续配置就行。
图4 官网配置2.Android开发环境搭建
略
3.测试安装
react-native init AwesomeProject
cd AwesomeProject
react-nativerun-android
简单三句话,坑了大半天。主要原因是:
图5 别人的启动服务效果看别人的启动效果,会加载很多东西,而我的只有一个Loading dependency graph,done.
图6 自己的启动服务效果以为自己安装失败了,就尝试各种方法,还是这个页面,也没有启动手机尝试一下。最后一次才打开手机,已经运行成功,崩溃。可能跟版本有关系吧。
4.他山之石
如果发现:react-native不是内部或 外部命令,也不是可运行的程序或批处理文件,可以查看这个文档
如果发现:关于React Native 启动packager, 停留在Loading dependency graph, done.的问题,可以查看这个文档(也是我掉坑的主要文档),主要关注react的端口被占用的问题。
网友评论