Mac系統下React Native環境搭建


  這里記錄一下在Mac系統下搭建React Native開發環境的過程:

  1. 安裝HomeBrew:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

   安裝完后如下所示:

  \

  可使用命令:”brew -v“查看其版本。

  2. 安裝Node.JS: brew install node,也可以在node.js官網下載pkg安裝包進行安裝。

  

  3. 安裝React Native的命令行工具:(需要sudo來安裝,有些目錄需要高級權限)

  

  4. 安裝Watchman,它是由Facebook提供的監視文件系統變更的工具。(下面兩個工具推薦安裝)

brew install watchman

   5. 安裝Flow,它是一個靜態的JS類型檢查工具,可方便找出代碼中可能存在的類型錯誤。

brew install flow

   6. 接下來就可以創建項目了:

  

  出現這個錯誤,需要檢查一下node版本,需要4.0以上。(之前的node使用了系統原來的--v0.4.1,這里修改PATH環境變量,指向我們安裝的。)    

  再次運行,出現如下錯誤:

  

  安裝nvm: 

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash

   

  安裝cnpm: 

sudo npm install cnpm -g

   安裝invariant:

npm install invariant -g

   再次運行:

  

  新建項目成功,看看目錄結構:

  

  在新建項目成功后,react也告訴我們該怎么運行:react-native run-***。

  注意,使用小米手機,需要在開發者模式把"MIUI優化"關閉,否則,無法直接安裝apk:

  

  現在進入項目根目錄執行"react-native run-android",可以看到,rn服務器端首先被啟動:

  

  然后從jenter下載必須的依賴包並開始編譯:

  

  啟動過程中輸出:

  

  安裝完后,手機截圖如下:

  

  類似,也可以執行"react-native run-ios"來打開模擬器運行,或直接打開xcode項目來run。

 

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM