学习笔记-React Native 环境安装

环境下载

安装依赖:Node、React Native 命令行、Python2、JDK、Android Studio

  1. Node 下载(版本必须高于8.3):https://nodejs.org/zh-cn/
  2. Python2 下载(windows 64位 的文件名为 Windows x86-64 MSI installer):https://www.python.org/downloads/release/python-2715/
  3. React Native 命令行
npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

npm install -g yarn react-native-cli

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global
  1. JDK 1.8 版本:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
    5.Android Studio 与 Android SDK:https://developer.android.com/studio/;Android Studio 在安装的时候会遇到proxy问题,直接cancel就好了,然后进去再安装 SDK。

环境变量汇总

我在配置环境变量的时候,只根据React Native 需要的几个进行了配置,我目前没搞清楚环境变量名NODE_PATH,JAVA_HOME 之类的名字是否可变,网上也没找到资料,我没用这几个名字好像也没报错,就先这样了,看看什么时候报错再改,我只用下面几个已经够了

  • nodeJs (根目录): D:\Programmer\Environment\nodejs
  • Python2 (根目录):D:\Programmer\Environment\Python\Python27
  • Java :
    • JAVA_HOME:D:\Programmer\Environment\Java\jdk1.8.0_191;
    • CLASSPATH: %JAVA_HOME%\lib\tools.jar;
    • Path : %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
  • Android:D:\Programmer\Environment\Android\Sdk\tools
  • Android:D:\Programmer\Environment\Android\Sdk\platform-tools

第一个 App

在需要创建 RN 项目的地方通过命令行输入

react-native init NewApp

,然后通过 Android Studio 打开 NewApp 目录下的 Android 模块,下载一些需要下载的 sdk 等文件,之后命令行进入 NewApp 目录下,连上模拟器(内存不够真的慢)或真机,以上合起来输入

cd NewApp
react-native run-android

关于调试

一般来说都是用摇一摇手机弹出调试框(还有个 Expo 的功能,后面再试试,至于其他的还不太了解,目前够用了,先把基础学完),点击 reload 按钮,但是有个很坑的就是你改了代码,点击了 reload,然后运行,然后手机中代码没改,然后你就会以为这里有问题,那里有问题(网上找的针对这个问题的方法好多都过时了,坑,RN 更新真快),我目前每次还是使用

react-native run-android 

的命令重新构建 App,目前学习阶段,app 比较小,所以也不慢,先就这样了。

最后

问题:

  1. 环境变量名 JAVA_HOME、CLASSPATH、NODE 这些不能变吗?
  2. 调试 React Native 的工具都还有哪些?企业中一般用什么呢?
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 冬雪已然化尽,春花还未到来。心里迫切需要做点什么,想想却又无所适从无能为力起来。原来从洁白到绚丽的过程中,还有这样...
    桐花mm阅读 1,051评论 6 12
  • 2017-05-09 秋水伊人 阅读 4 3月20日联合国发布了《2017年全球幸福报告》,中国排名第79位,虽然...
    花飞花榭阅读 491评论 1 1
  • 在我40岁之前 未曾见过什么高山 没想到人生最难翻越的 是生活
    婷er啊i阅读 178评论 0 0
  • 在看了相关SEM的文章之后,决定优化一下公司的百度推广账户(因为仅在有项目的时候才推广,并未进行长期化的测试)。 ...
    墨迹2016阅读 597评论 0 0
  • 2018年2月1号星期四,今天天气很好也很暖和。 今天从早上起来就开始干活,孩子也陪我们一起干活,...
    周长林阅读 127评论 3 2