天天看点

RN 环境搭建

  一、windows

1.安装JDK

jdk必须是1.8

2.安装Node.js

(1)node版本必须>=10

(2)不要使用cnpm

3.安装Yarn、React Native 的命令行工具

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

安装完 yarn 后同理也要设置镜像源:

安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用<code>yarn</code>代替<code>npm install</code>命令,用<code>yarn add 某第三方库名</code>代替<code>npm install 某第三方库名</code>

4.android studio

(1)包括sdk和虚拟机等一系列,需要FQ能力

 (2)注意:确保选中了 React Native 所必须的<code>28.0.3</code>版本

RN 环境搭建

(3)配置 ANDROID_HOME 环境变量

React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译

RN 环境搭建

 (4)PATH添加 platforms

5.创建项目

 成功

RN 环境搭建
RN 环境搭建

6.编译并运行

在项目根目录下

 报错了

RN 环境搭建

这个是原因是工程找不到我们的android SDK

解决方法:在工程的根目录下的android文件下新建一个local.properties的文件,在文件中写

报错2

RN 环境搭建

意思是运行模拟器或连上真机

成功

RN 环境搭建
RN 环境搭建

7.vscode调试

打开文件夹

RN 环境搭建

下载React Native Tools,ESLint,Babel ES6/ES7

RN 环境搭建

 F1  react   多出

RN 环境搭建

 报错

RN 环境搭建
RN 环境搭建