搭建开发环境

在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开发错误警告处理总结一文作为参考

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。