React-Native 環境搭建

 React-Native 環境搭建。

  環境搭建步驟有點多，請你們有點耐心。

   一.安裝JDK ，注意要jdk1.8以上，聽說是跟android studio 有關。     

 變量名：JAVA_HOME  
 變量值：D:\Development\JDK-v8
 變量名：CLASSPATH
 變量值：D:\Development\JDK-v8\lib\dt.jar;D:\Development\JDK-v8\lib\tools.jar;
 變量名：Path
 變量值：;D:\Development\JDK-v8\bin;
 測試=》 
          輸入： javac –version
         輸出：javac 1.8.0_162

二.安裝android studio 2.3.3 這是個人版本。

          這個一路Next 就是，須要注意的是，sdk包 要23版本以上。

   SDK位置      Android sdk location: D:\Development\AS\sdk
   網絡更新代理  http proxy: mirrors.neusoft.edu.cn

       -----------------------------------------------------------------------------------------------------

       紅線內容爲我的問題。

        在這遇到一個問題，開始圖簡便，就安裝了一個360手機助手與真機調試沒問題。後面把東西下載好 ，AS運行項目真機調試出錯以下：

Error running app: Instant Run requires 'Tools | Android | Enable ADB integration' to be enabled.

 解決方案：

 

就這樣解決了。

還有就是Adb 運行中止問題。

 

解決方案是：

                     找最新的adb 程序替換此程序，就ok

                     還有若是 ，你想像我 有手機屏幕實時投影到PC上能夠

                     參照我 博客：http://laopo.cnblogs.com/p/4203386.html

 -------------------------------------------------------------------------------------

 三.安裝Node.js 

    這個沒什麼說的，直接點擊安裝就好。好了後在控制檯輸入 npm 就有反應就好。

四.安裝Git for windows

     這個也沒什麼好說的。直接一路安裝就好。

五.安裝React-Native 命令行工具

   在控制檯中輸入：npm install -g react-native-cli
    設置網絡地址：
                         npm config set registry https://registry.npm.taobao.org
                         npm config set disturl https://npm.taobao.org/dist　

六.建立ReactNative 項目測試

   打開控制檯 ，進入到你本身建的目錄下，建立一個項目

   輸入：   react-native init RN2      --注意RN2 是項目文件夾名稱。

 ( 注意
    React-native 0.46 以上就不要運行 cd RN2   
    react -native start  （我沒用此命令）
    已失效  => 已沒有index.android.js 和 index.ios.js，只有index.js
    運行有錯=> http://localhost:8081/index.android.bundle?platform=android 
  )

只需輸入：react-native run-android  就好。最後就會出現 開始的效果圖。

  

   先看效果圖，而後一步一步 解析。