React Native环境安装(731)

官方文档
中文文档

必须的软件

1. 安装Chocolatey

2. Node, Python2, JDK

choco install -y nodejs.install python2 jdk8

用cmd发现识别不了choco,于是改为使用有管理员权限的powershell。
安装好node后,建议设置npm镜像加速后面过程:

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

3. Yarn、React Native

yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。
React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

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

4. 安装Android Sutdio

5. 安装SDK

React Native环境安装(731)_第1张图片
require SDK Platforms

React Native环境安装(731)_第2张图片
require SDK Tools

推荐安装

Gradle Deamon

开启Gradle Daemon可以极大地提升java代码的增量编译速度。
在命令行输入:

(if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")

将Android SDK的Tools目录添加到PATH变量中

你可以把Android SDK的tools和platform-tools目录添加到PATH变量中,以便在终端中运行一些Android工具,例如android avd或是adb logcat等。


React Native环境安装(731)_第3张图片
注意你的具体路径可能和上图不同

测试安装

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

如果你在设备上看到了红屏报错,请参阅在设备上运行。

提示:你可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。

Windows用户请注意,请不要在命令行默认的System32目录中init项目!会有各种权限限制导致不能运行!

如果报SDK location not found,从androidStudio根目录中,复制一份local.properties到react-native项目根目录中即可。

你可能感兴趣的:(React Native环境安装(731))