本人学习React Native没有看过任何教学视频,都是按照官网一步步学习的。只研究了Android开发,所以下面的教程都是Android开发教程。
注意:未经允许不可私自转载,违者必究
React Native官方文档:https://reactnative.cn/docs/getting-started/
需要安装的软件(开发需要):
- Node:http://nodejs.cn/download/ Node 的版本必须高于 8.3
- Python2:https://www.python.org/downloads/ 官方要求版本为2.x,本人安装的是2.7的版本,不可安装3.x的
- Java SDK:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)
- Android Studio:https://developer.android.google.cn/studio/ 直接下载
安装 Yarn镜像(创建APP和安装npm依赖包需要):
Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。根据下面的步骤在cmd的窗口运行:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
//React Native 的命令行工具
npm install -g yarn react-native-cli
//安装完 yarn 后同理也要设置镜像源
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
注意:不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!,以后安装任何依赖包都用yarn,不要使用cnpm、npm很容易报错的,经验之谈。
Android Studio SDK下载(启动|开发APP需要):
进入 SDK Manager页面:
1.在上图界面点击"Configure",然后就能看到"SDK Manager"。
2.在开发界面上面菜单点击“Tools => SDK Manager”。
在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 8.1 (Oreo)
选项,确保勾选了下面这些组件(重申你必须使用稳定的翻墙工具,否则可能都看不到这个界面):
Android SDK Platform 27
Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件)
然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的27.0.3
版本。你可以同时安装多个其他版本。
最后点击"Apply"来下载和安装这些组件。
注意:在 SDK Manager 头部有一个Android SDK Location地址,把这个保存起来,后面的配置 ANDROID_HOME 环境变量需要用到。
配置 ANDROID_HOME 环境变量(启动|开发APP需要):
React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。
打开控制面板
-> 系统和安全
-> 系统
-> 高级系统设置
-> 高级
-> 环境变量
-> 新建
1.
创建一个名为ANDROID_HOME
的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(就是上一步保存的SDK路径,请看上面红字):
2. 配置java SDK环境变量请参考:https://jingyan.baidu.com/article/15622f2434bc5cfdfcbea51c.html
你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。
软件安装基本到这里了,因为我电脑之前学习的时候安装了的,可能有遗漏的地方。
注意:未经允许不可私自转载,违者必究