1）下載安裝node.js
　　設置npm鏡像源

npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global

2）下載安裝yarn、react-native命令行工具

npm install -g yarn react-native-cli

　　設置yarn鏡像源

yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global

?

安裝完yarn之后就可以用yarn代替npm了，例如用yarn代替npm install命令，用yarn add 某第三方庫名代替npm install --save 某第三方庫名

3）下載安裝jdk，并增加環境變量
　　系統變量→新建 JAVA_HOME 變量?→變量值填寫jdk的安裝目錄
　　系統變量→尋找 Path 變量→編輯→在變量值最后輸入

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

　　系統變量→新建 CLASSPATH 變量→變量值填寫?（注意最前面有一點）

.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

　　檢驗是否配置成功，運行cmd 輸入?

java -version

5）安裝Android Studio
https://developers.google.cn/
https://developer.android.google.cn/

在初步安裝完成后，選擇Custom安裝項：

確定所有安裝都勾選了，尤其是Android SDK和Android Device Emulator。

檢查已安裝的組件，尤其是模擬器和HAXM加速驅動。

安裝完成后，在Android Studio的歡迎界面中選擇Configure | SDK Manager。

在SDK Platforms窗口中，選擇Show Package Details，然后在Android 6.0 (Marshmallow)中勾選Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。

在SDK Tools窗口中，選擇Show Package Details，然后在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1（必須包含有這個版本。當然如果其他插件需要其他版本，你可以同時安裝其他多個版本）。然后還要勾選最底部的Android Support Repository.

ANDROID_HOME環境變量

確保ANDROID_HOME環境變量正確地指向了你安裝的Android SDK的路徑。

打開控制面板?->?系統和安全?->?系統?->?高級系統設置?->?高級?->?環境變量?-> 用戶變量->?新建

C:\Users\cky\AppData\Local\Android\Sdk

?adb環境變量

打開控制面板?->?系統和安全?->?系統?->?高級系統設置?->?高級?->?環境變量?-> 用戶變量->??Path 變量添加

%ANDROID_HOME%\platform-tools

?

轉載于:https://www.cnblogs.com/wowchky/p/9081822.html

總結

以上是生活随笔為你收集整理的React Native开发环境搭建记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。