React native配置环境流程

9 阅读1分钟

本文是跳过对React native环境如何配置及安装的介绍,如果你是首次接触React native或想了解具体内容,请移步到更详细的React native安装指南juejin.cn/post/710009…

Window系统

1. 环境准备

1.1 nodejs安装、Yarn安装

nodejs.org/en/download

npm install -g yarn

1.2 安装JDK

adoptium.net/temurin/rel…

1.3 安装Android studio

developer.android.google.cn/index.html

1.4 安装Android SDK和配置Android环境变量

juejin.cn/post/710009…

2. 创建项目

npx @react-native-community/cli init AppName

gradle下载很慢的解决办法:

打开android\gradle\wrapper\gradle-wrapper.properties

distributionUrl=mirrors.cloud.tencent.com/gradle/...

3. 进入目录

cd AppName

4. 运行项目

yarn android

Mac系统

1. 环境准备

1.1 Homebrew安装命令:

/bin/zsh -c "$(curl -fsSL gitee.com/cunkai/Home…)"

这样就可以使用brew安装东西了

1.2 nodejs安装

nodejs.org/en/download

npm install -g yarn

1.3 搭建iOS环境

brew install watchman

brew install cocoapods

1.4 安装Xcode

在Mac电脑上,使用AppStore下载Xcode编辑器

2. 创建项目

npx @react-native-community/cli init AppName

gradle下载很慢的解决办法:

打开android\gradle\wrapper\gradle-wrapper.properties

distributionUrl=mirrors.cloud.tencent.com/gradle/...

3. 进入目录

cd AppName

4. 运行项目

yarn iOS

---切换淘宝源(如果遇到npm下载依赖很慢)

npm config set registry registry.npm.taobao.org --global

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