Windows下React Native环境配置

时间:2021-11-06 08:31:53

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环境配置