參考資料: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
- 安裝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
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。