Windows下React Native环境配置

Posted 2020-09-08 水上书

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 （注意这里需要加上转义字符\）