美文网首页
学习笔记-React Native 环境安装

学习笔记-React Native 环境安装

作者: 梦里探花 | 来源:发表于2018-10-20 11:49 被阅读0次

环境下载

安装依赖: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 的工具都还有哪些?企业中一般用什么呢?

相关文章

网友评论

      本文标题:学习笔记-React Native 环境安装

      本文链接:https://www.haomeiwen.com/subject/vfapzftx.html