搭建开发环境

在React Native官网 https://reactnative.cn/docs/environment-setup 网址上有两种环境，一种完整原生环境，所谓原生环境, RN之所以能够跨平台，包含一个Android项目，IOS项目和一个JS项目,就应该开发在对应的项目环境中。而另一种简易沙盒环境是有开发者认为多环境开发过于麻烦，所以提供了一个命令行的工具，用这个环境所对应的RN项目只包含JS的项目,之后扫描该环境内部的二维码，就可以显示平台对应内部的原生端平台的项目,另外该环境提供了很多的原生API，比如摄像头，数据库之类的，甚至提供在线打包的功能，将代码提交到云端，在远程打包后再下载下来，但是由于打包是封装了一层，所以想使用原生的一些API支持就不能做到，比如需要开发蓝牙功能，而简易沙盒环境没办法提供这类支持。综上所述，还是使用完整原生环境会相对来说比较好些。

Node环境搭建

Mac OS用户可以通过HomeBrew的下载方式下载brew, 之后下载node和watchman:
1.brew install node
2.brew install watchman
Node安装完成的同时，也同时安装了npx的node包管理工具，与brew作为mac OS系统软件的管理工具类似。

# 使用nrm工具切换淘宝源（npx当前本地包管理地址没有，去官方源下载nrm,nrm专门管理Node包管理镜像）
npx nrm use taobao# 如果之后需要切换回官方源可使用
npx nrm use npm

Android 开发环境

1.首先需要下载java JDK1.8的环境(JDK1.8下载、安装和环境配置教程)
2.下载Android Studio,官网地址安装完成后打开Android Studio，右下角选择Configure的SDK Manager。
3. 下载对应的Android SDK版本，勾选 SDK Platforms选择Show Packages Detail再选择Android Studio Platform 28和Google APIs Intel x86 Atom System Image， SDK Tools选择Show Packages Detail再选择28.0.3
4. 把一些工具目录添加到环境变量 Path
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量，选中Path变量，然后点击编辑。点击新建然后把这些工具目录路径添加进去：platform-tools、emulator、tools、tools/bin
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
5. Tools -> Device Manager 中下载 AVD 安卓模拟屏幕已验证React Native项目在Android运行的情况

React Native命令行工具使用

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

npm install -g yarn react-native-cli
npx react-native init AwesomeProject(自己的项目名称)

注意：尽可能使用node 14.17.0以上的版本进行安装和创建项目
如果使用当中有什么问题，可以将 React Native开发错误警告处理总结一文作为参考

React Native 环境搭建相关推荐

逻辑性最强的React Native环境搭建与调试
ReactNative系列文章: 1.<逻辑性最强的React Native环境搭建与调试> 2.<ReactNative开发工具有这一篇足矣> 正文 React Native ...
React Native 环境搭建步骤
之前一直用RN写APP,但是真正对于RN的安装以及环境配置缺不太了解.相当于站在巨人的肩膀.这次,研究RN的同事离职,所以这块儿就必须要接手.从新搭建了一次环境.在此记录一下. 一.RN环境搭建的必须 ...
webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新
工具准备: SDK Android SDK Build-tools:23.0.1 SDK Platform:Android N .6.0 .5.1.1.5.0.1.4.4.2.4.1.2 Androi ...
React native 环境搭建遇到问题解决(android)
新建项目 react-native init TestApp 运行项目 react-native run-android 不好意思,错误马上就到了问题一通常遇到这个错误之后,系统会给出这个具体详情 ...
Mac M1 搭建 React Native 环境
Mac M1 搭建 React Native 环境环境安装可以参考对照官方文档,本文针对M1芯片目前未完全适配情况下的方案,算是临时解决方案,不具有时效性. 你需要自行准备的依赖:Xcode &g ...
史上最详细Windows版本搭建安装React Native环境配置
说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特 ...
react native windows 搭建（完整版）
声明:用windows 搭建的react native只能开发安卓应用 1.准备安装java jdk,以及Android SDK 传送门: java JDK Android SDK(自行寻找) ...
React Native 环境配置
搭建环境笔记记录: 搭建开发环境安装node, watchman brew install node brew install watchman 复制代码设置镜像加速 npm config set ...
React 开发环境搭建
先来一个 React 官方文档的链接点击跳转搭建 React 的前期准备:你的本地环境需要安装 cnpm.node. 注:代码块中的 $ 代表: $后面是在命令行输入的命令,举例 $ npm s ...

React Native 环境搭建

搭建开发环境

Node环境搭建

Android 开发环境

React Native命令行工具使用

React Native 环境搭建相关推荐

最新文章

热门文章