Windows下React Native环境配置

Posted 水上书

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Windows下React Native环境配置相关的知识,希望对你有一定的参考价值。

1.安装nodeJs并配置淘宝镜像

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

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

2.安装Windows上的包管理器Chocolatey

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString(‘https://chocolatey.org/install.ps1‘))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

3.使用Chocolatey安装Python2

choco install python2

4.Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。安装完yarn后同理也要设置镜像源。

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

5.安装Android Studio(2.0或更高版本)

android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中输入 javac -version来查看你当前安装的JDK版本。如果版本不合要求,则可以到官网上下载。 或是使用包管理器来安装(比如choco install jdk8或是 apt-get install default-jdk

选择custom安装项,配置Android SDK、tools、platform-tools路径。

6.测试安装(FQ状态)

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

当无法下载完成gradle-2.14.1-all时,手动下载到本地,然后替换项目中 android/gradle/wrapper/gradle-wrapper.properties 的 distributionUrl,

即 distributionUrl=file\:///D:/gradle/gradle-2.14.1-all.zip (注意这里需要加上转义字符\)
 

以上是关于Windows下React Native环境配置的主要内容,如果未能解决你的问题,请参考以下文章

windows搭建安装react-native环境

windows7下react-native搭建环境

windows 下android react native详细安装配置过程

React-Native windows环境搭建记录

windows 下android react native详细安装配置过程

最详细的Windows版本搭建安装React Native环境配置