iOS開發RN(一)環境搭建以及項目的創建


參考資料:https://www.jianshu.com/p/ff36c9dcf50b

1.終端輸入指令,提示沒有權限的時候  可以在前面 加sudo

2.webstorm license server 可用:

http://idea.singee77.com  (貌似沒用了)

或者

http://idea.codebeta.cn 

 

開發前注意

iOS目前支持7.0以上版本,Android支持4.1以上版本

開發環境配置

環境需求

  • 安裝Homebrew

在終端中輸入下面的命令,執行的速度可能比較慢,請耐心等待其執行完成

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

在終端中輸入下面的命令驗證是否安裝成功

    brew -v
  • 安裝npm和Node.js

下載地址,下載完成后請手動運行安裝,建議使用4.4.4版本

  • 安裝watchMan

該插件用於監控bug文件和文件變化 ,並且可以觸發指定的操作,在終端中輸入下面的命令就可以了

    brew install watchman
  • 安裝Flow

flow是一個 JavaScript 的靜態類型檢查器,建議安裝它,以方便找出代碼中可能存在的類型錯誤,在終端輸入下面的代碼,如果提示command not found,請加上sudo獲得最高權限

    brew install flow

React Native安裝

在終端輸入

     npm install -g react-native-cli 

至此Reacet Native的環境就已經全部安裝好了

創建Reacet Native項目

在終端中輸入下面命令

     react-native init 項目名稱 

如果速度較慢,可以將npm倉庫源替換為國內鏡像:

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

默認生成了三個文件夾,android和ios(iOS)為兩個平台的原生項目,index.android.js和index.ios.js為android和ios平台下的空殼應用文件,我們的代碼一般就寫在這兩個文件內,客戶端那邊不用重新run就可以看到效果,node_modules文件夾主要是存放框架資源.

對index.ios.js文件的編寫軟件以及提示插件的安裝

我們采用的是WebStorm來對js文件來進行編寫,由於直接編寫並沒有代碼提示,所以這里要安裝一個插件,下載地址,下載完成后file -> import settings -> ReactNative.jar ,完成之后就可以像Xcode那樣能夠自動提示了.



作者:已刪號這名字都有人用
鏈接:https://www.jianshu.com/p/ff36c9dcf50b
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。


免責聲明!

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



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