天天看點

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 環境搭建