🤍 前端開發工程師、技術日更博主、已過CET6
🍨 阿珊和她的貓_CSDN博客專家、23年度博客之星前端領域TOP1
🕠 牛客高級專題作者、打造專欄《前端面試必備》 、《2024面試高頻手撕題》、《前端求職突破計劃》
🍚 藍橋云課簽約作者、上架課程《Vue.js 和 Egg.js 開發企業級健康管理項目》、《帶你從入門到實戰全面掌握 uni-app》

引言

React Native 允許開發者使用 JavaScript 和 React 來構建跨平臺的移動應用。為了開始 React Native 開發，你需要設置一個合適的開發環境。以下是搭建 React Native 開發環境的步驟。

安裝依賴

Node.js 和 npm

React Native 需要 Node.js 環境，你可以通過以下命令檢查是否已安裝：

node -v
npm -v

如果沒有安裝，請訪問 Node.js 官網 下載并安裝。

JDK (僅限 Android)

對于 Android 開發，你還需要安裝 Java Development Kit (JDK)。你可以從 Oracle 官網 下載并安裝最新版本的 JDK。

Android Studio 和 Xcode (僅限 iOS)

• Android Studio：下載并安裝 Android Studio，并確保安裝了 Android SDK 和模擬器。
• Xcode：如果你在 macOS 上開發 iOS 應用，你需要安裝 Xcode。

安裝 React Native CLI

使用 npm 安裝 React Native 命令行工具：

npm install -g react-native-cli

創建新的 React Native 項目

使用 React Native CLI 創建一個新的項目：

npx react-native init MyProject

這將創建一個名為 MyProject 的新項目。

運行項目

在 Android 設備或模擬器上運行

確保你的 Android 設備已連接或 Android 模擬器已啟動，然后運行：

cd MyProject
npx react-native run-android

在 iOS 設備或模擬器上運行

確保你的 Mac 已連接 iOS 設備或啟動了 iOS 模擬器，然后運行：

cd MyProject
npx react-native run-ios

使用 Expo (可選)

Expo 是一個工具鏈，它提供了許多有用的功能，如快速開發、內置開發工具和無需配置即可發布應用的能力。如果你是初學者，可以考慮使用 Expo 來簡化開發流程。

安裝 Expo CLI

npm install -g expo-cli

創建新的 Expo 項目

expo init MyExpoProject

運行 Expo 項目

cd MyExpoProject
expo start

這將啟動開發服務器，并提供一個 QR 碼，你可以使用 Expo Go 應用在手機上預覽你的應用。

結論

搭建 React Native 開發環境涉及安裝一些必要的軟件和工具。一旦設置完成，你就可以開始構建跨平臺的移動應用了。如果你是初學者，可以考慮使用 Expo 來簡化開發過程。隨著你對 React Native 的熟悉，你可能會想要深入了解更多關于原生模塊和自定義配置的知識。