最近公司开RN的项目,所以就学习了一下,在搭建环境的时候遇到了有些坑。
首先肯定是查看官方中文文档,选择

官网推荐的安装chocolatey,这个安装比较麻烦,不推荐,其实也用不着,跳过就好了。

然后安装python2,一定要是python2,python3不支持,直接去python官网下载即可。
然后安装node,也直接去nodejs官网下载就好,下载完成之后安装一下npm镜像源,这个很有必要,因为到时候安装安卓包的时候会从npm下载,npm是国外服务器比较慢,所以镜像到淘宝源就快了。在命令行输入:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
如果发现npm的命令失效,百度一下配置环境变量。
当以上都搞定后安装react Native 命令行

命令语句: npm install -g react-native-cli
以上完成后如果是开发安卓应用就需要下载java SDK, 这时候一定要下载JAVA1.8。

JAVA下载好后,配置一下环境变量。
然后就是要安装Android Studio,官网上面给的链接是谷歌国外的比较慢,有个国内的比较快,Android Studio;
下载之后就选择自己的文件夹安装,然后按照官网提示的进行配置管理设置。同时也要配置ANDROID_HOME环境变量。
同时也要把Android SDK 也配置一下。

继续看官网 可以看到一个

这个是推荐下载的,直接官网下载就好了。
下载完成后打开,然后选择一个安卓设备(我选的是谷歌手机)打开启动。然后打开CMD,执行下“adb devices”查看下是否有连接设备,没有的话查看下IP和端口是否正确。

现在开始启动项目,找到一个根目录然后敲以下命令

这时候会有两个命令工具跳出,不要关掉等待下载。下载启动之后会出现一个

恭喜你成功搭建成功。
现在我们开始写个helloworld,看到这个文档你就会奇怪你的文件里面就只有一个index.js,其实这个文件已经兼容了index.ios.js和index.android.js,所以只要把代码拷到这里面。然后react-native run-android即可。
启动时出现问题如下:

这个问题很简单也就是名字不统一。


这两个名字要一样。这样就出现helloworld了。

好了 就到这了。
网友评论