React Native開發環境搭建（Windows）

1、安裝node

http://www.javashuo.com/article/p-uieiojqv-dc.html

安裝好之後，請設置一下node的鏡像下載地址，改成國內的地址。這個地址爲淘寶提供的鏡像，速度比較快。

直接在cmd命令裏面鍵入這兩條命令便可。

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

 

2、安裝python

http://www.javashuo.com/article/p-ayswiqij-d.html

安裝Yarn、React Native命令行工具（react-native-cli）

**Yarn是 Facebook 提供的替代 npm 的工具，能夠加速 node 模塊的下載。

**React Native 的命令行工具用於執行建立、初始化、更新項目、運行打包服務（packager）等任務。

安裝完python,直接打開cmd命令，鍵入如下安裝代碼便可

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 某第三方庫名。

3、安裝jdk

 略

4、安裝androidstudio

 略

5、建立第一個RN項目

建立項目目錄，cmd進入，鍵入如下指令建立

react-native init FirstProject

其中FirstProject爲項目名稱，自行修改便可,等待幾分鐘出現

下載完成後，就能夠看到你的目錄下面出現一個目錄了，這個就是下載好之後的react nactive項目，若是是android項目須要關注android這個目錄文件夾了。

A、使用AndroidStudio建立一個新的項目，並拷貝其local.properties文件至如上android對應根目錄

B、打開模擬器或連上真機

C、啓動服務器

react-native start

　等一段時間，用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android能夠訪問，即啓動完成，啓動以後不能關閉；

D、這時仍是cmd到咱們項目根目錄運行項目，輸入：

react-native run-android

此時發現運行成功。

 

注意：react-native run-android只是運行應用的方式之一。你也能夠在 Android Studio 或是Nuclide中直接運行應用。

若是apk沒有啓動成功，說明adb環境變量沒有配置好，請參考：http://www.javashuo.com/article/p-qtvoyxkw-q.html

建議在run-android成功後再嘗試使用 Android Studio 啓動。請不要輕易點擊 Android Studio 中可能彈出的建議更新項目中某依賴項的建議，不然可能致使沒法運行。

 

 

 

掃碼加羣，共同探討，共同進步！