React Native開發環境搭建記錄

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