一、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>版本
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5SZ5MWNxETM1UWM0MzMzITMmF2MiJWOyMDMkFGOxEjYz8CX4AzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLzM3Lc9CX6MHc0RHaiojIsJye.png)
(3)配置 ANDROID_HOME 環境變量
React Native 需要通過環境變量來了解你的 Android SDK 裝在什麼路徑,進而正常進行編譯
(4)PATH添加 platforms
5.建立項目
成功
6.編譯并運作
在項目根目錄下
報錯了
這個是原因是工程找不到我們的android SDK
解決方法:在工程的根目錄下的android檔案下建立一個local.properties的檔案,在檔案中寫
報錯2
意思是運作模拟器或連上真機
成功
7.vscode調試
打開檔案夾
下載下傳React Native Tools,ESLint,Babel ES6/ES7
F1 react 多出
報錯