摘要:的命令行工具啟動,并在菜單中檢查一下是否裝有某個版本的。的命令行工具中包含一些必須的工具,比如等。
環境搭建 安裝依賴
所用平臺: macOS 故文章內容基于macOS平臺進行,官方最新react-native 0.58版本
目標平臺所需安裝的依賴不同1.當目標平臺為ios時
??必須安裝的依賴有:Node、Watchman 和 React Native 命令行工具以及 Xcode(蘋果公司目前只允許在Mac電腦上開發iOS應用。如果你沒有Mac,那么只能考慮使用沙盒環境,或者去開發Android應用)。
2.當目標平臺為Android時
??必須安裝的依賴有:Node、Watchman 和 React Native 命令行工具以及 JDK 和 Android Studio(雖然你可以使用任何編輯器來開發應用(編寫 js 代碼),但你仍然必須安裝 Android Studio 來獲得編譯 Android 應用所需的工具和環境)。
brew install node
brew install watchman
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm install -g yarn react-native-cli
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
注:官方推薦使用brew和yarn
iosXcode
React Native 目前需要Xcode 9.4 或更高版本。你可以通過 App Store 或是到Apple 開發者官網上下載。這一步驟會同時安裝 Xcode IDE、Xcode 的命令行工具和 iOS 模擬器。
Xcode 的命令行工具
啟動 Xcode,并在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個版本的Command Line Tools。Xcode 的命令行工具中包含一些必須的工具,比如git等。
1.安裝 Java Development Kit和Android Studio
??首先下載和安裝 Java Development Kit和Android Studio,這個就自行百度吧(這版React Native 需要 Java Development Kit [JDK] 1.8)。
2.安裝 Android SDK
??Android Studio 默認會安裝最新版本的 Android SDK。目前編譯 React Native 應用需要的是Android 9 (Pie)版本的 SDK(注意 SDK 版本不等于終端系統版本,RN 目前支持 android4.1 以上設備)。你可以在 Android Studio 的 SDK Manager 中選擇安裝各版本的 SDK。
??SDK Manager 還可以在 Android Studio 的"Preferences"菜單中找到。具體路徑是Appearance & Behavior → System Settings → Android SDK。
??在 SDK Manager 中選擇"SDK Platforms"選項卡,然后在右下角勾選"Show Package Details"。展開Android 9 (Pie)選項,選中。
然后點擊"SDK Tools"選項卡,同樣勾中右下角的"Show Package Details"。展開"Android SDK Build-Tools"選項,確保選中了 React Native 所必須的28.0.3版本。(你可以同時安裝多個其他版本)。
最后點擊"Apply"來下載和安裝這些組件。
3.配置 ANDROID_HOME 環境變量
React Native 需要通過環境變量來了解你的 Android SDK 裝在什么路徑,從而正常進行編譯。
具體的做法是把下面的命令加入到~/.bash_profile文件中:
注:~表示用戶目錄,即/Users/你的用戶名/,而小數點開頭的文件在 Finder 中是隱藏的,并且這個文件有可能并不存在。可在終端下使用vi ~/.bash_profile命令創建或編輯。(vim基本命令 輸入i 退出輸入esc 命令模式:wq 保存退出)。
如果你不是通過Android Studio安裝的sdk,則其路徑可能不同,請自行確定清楚。
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator`
如果你的命令行不是 bash,而是例如 zsh 等其他,請使用對應的配置文件。
使用source $HOME/.bash_profile命令來使環境變量設置立即生效(否則重啟后才生效)。可以使用echo $ANDROID_HOME檢查此變量是否已正確設置。
請確保你正常指定了 Android SDK 路徑。你可以在 Android Studio 的"Preferences"菜單中查看 SDK 的真實路徑,具體是Appearance & Behavior → System Settings → Android SDK。
創建新項目react-native init TestProject
可以使用--version 創建指定版本的項目。例如react-native init TestProject --version 0.57.3。注意版本號必須精確到兩個小數點
運行你剛創建的項目??以Android為例,用Android Studio打開項目下的android文件,點擊虛擬機圖標運行虛擬機,當然也可以使用真機或者其他,在這里省事用了Android Studio自帶的虛擬機,實際中我推薦使用其他。
之后執行
cd TestProject react-native run-android
當看到
恭喜你已經運行了第一個 React Native 應用。
筆者環境版本 react-native@0.58 node@8.11.3 watchman@4.9.0 react-native-cli@2.0.1 Xcode@10.1 javac@1.8.0_201 yarn@1.13.0
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/102647.html
摘要:一個前端菜鳥的成長記現在才總結似乎有點晚,但聊勝于無,記錄一下我的,畢業的第一年,對于人生意義重大的一年。感謝勇哥新哥,給予我機會去做更多的嘗試。 一個前端菜鳥的成長記 現在才總結似乎有點晚,但聊勝于無,記錄一下我的2016,畢業的第一年,對于人生意義重大的一年。 我的求職之路 打從進入了大四之后,便深深的意識到了就業的壓力,并一直在做著邁向社會的準備。從2015年9月開始,便開始投簡...
摘要:是開源的,在和的基礎上構建原生的和應用的平臺。著力于提高多平臺的開發效率,。下面簡單介紹下的環境搭建。環境要求最新的系統,要開發應用就必須使用系統。運行在當前目錄下會多出一個的目錄,里面是項目的文件。 Any application that than can be written in JavaScript will eventually be written in JavaScri...
摘要:以下大部分內容來自官方,有微調系統要求一個裝有系統的開發機包管理工具安裝或者更新定期執行環境安裝安裝環境安裝,如果被墻,去修改配置文件在命令行運行,安裝依賴的包安裝模擬器相關,可以和一起安裝安裝虛擬機加速模塊完成后安裝控制臺執行驗證 以下大部分內容來自官方,有微調 系統要求 一個裝有 OS X 系統的開發機 Homebrew 包管理工具 brew install nvm brew ...
閱讀 5256·2021-09-22 15:50
閱讀 1861·2021-09-02 15:15
閱讀 1164·2019-08-29 12:49
閱讀 2542·2019-08-26 13:31
閱讀 3457·2019-08-26 12:09
閱讀 1209·2019-08-23 18:17
閱讀 2735·2019-08-23 17:56
閱讀 2929·2019-08-23 16:02