React Native搭建開發環境 之 --走過的坑
React Native是使用JavaScript和React編寫原生移動應用
我的開發平臺是基於windows系統,所以只支援android,要是想開發ios系統,那就只能考慮使用沙盒環境
接下來就是必須安裝它的依賴
注意:Node 的版本必須高於 8.3,Python 的版本必須為 2.x(不支援 3.x),而 JDK 的版本必須是 1.8(目前不支援 1.9 及更高版本)
https://reactnative.cn/docs/getting-started/
官方文件其實寫的就很詳細了,我就不復述了,直接說我遇到的坑,也許是我涉世未深,很多東西想的不是太到位而遇到的一些小問題
首先就是FQ的問題, 一定要有非常穩定非常穩定非常穩定的FQ工具 ,否則在下載、安裝、配置過程中會不斷遭遇連結超時或斷開,無法進行開發工作。某些FQ工具可能只提供瀏覽器的代理功能,或只針對特定網站代理等等,請自行研究配置或更換其他軟體。總之如果報錯中出現有網址,那麼 99% 就是無法正常FQ。
我的FQ工具就是一個谷歌瀏覽器的外掛,當時還很自信的把as下載下來,在安裝的時候就超時了我以為是網路不好,重新安裝了好幾遍,後來我就仔細的看了一下報錯,剛好我老大過來問我怎麼樣的時候,我跟他描述了一下,他給我一個FQ的工具,這個坑就算過去了
給node設定npm映象 https://www.cnblogs.com/CCxi/p/9835403.html
React Native 需要通過環境變數來了解你的 Android SDK 裝在什麼路徑,從而正常進行編譯。
需要配置android_name環境變數,
SDK 預設是安裝在下面的目錄:
C:\Users\你的使用者名稱\AppData\Local\Android|Sdk
先新增一個環境變數,如下圖:

在classpath變數值後面追加上 ;%ANDROID_HOME%\platform-tools\;

開啟cmd命令輸入adb,檢視是否配置成功

下載React-native 的命令列工具(react-native-cli) :npm install -g yarn react-native-cli
建立新專案 :react-native init AwesomeProject
需要安裝Android Virtual Device(簡稱 AVD)還有很多第三方的模擬器,但是大部分需要收費,或者使用android真機
這裡我也遇到了一個坑,搞了好半天,就是在SDK Manager裡面 如下圖:

下載HAXM,當時我的已經是下載好的了,但是在建立AVD的時候就提示報錯說沒有硬體加速之類的bug,反覆的檢查也沒找到原因,上圖一直顯示下載了
然後我就去HAXM官網下載了一個windows版的硬體加速引擎,安裝一下就好了,雙擊下圖intelhaxm-android.exe檔案

我的avd就可以啟動了,當時還有點小小的興奮,終於把虛擬機器跑出來,
然後就是編譯並且執行React-Native
cd AwesomeProject
react-native run-android
如果配置沒有問題,你應該可以看到應用自動安裝到裝置上並開始執行。
注意第一次執行時需要下載大量編譯依賴,耗時可能數十分鐘。
此過程嚴重依賴穩定的FQ工具,否則將頻繁遭遇連結超時和斷開,導致無法執行。
as專案檔名不要隨意的去更改,否則就要重新down程式碼啦,o(╥﹏╥)o