react-native 學習《一》
阿新 • • 發佈:2019-02-15
最近由於一些特殊要求,需要學習掌握移動app開發,所以學習了一下react-native。
聽聞別人說其實做rn開發並不難,而他的難點在於搭建開發環境。自己試了一試,確實搭建環境,的確是一大難點。
直接進入正題
一、安裝Homebrew
它是一個mac系統的包管理器,用於安裝nodejs以及其他的一些必要軟體,在這裡安卓系統應該下載的是chocolatey,其實二者操作差不多,只是mac系統在配置環境上,要簡單一些。
在你的終端上輸入
-e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install) "
如果遇到許可權問題可以切換到當前碟符 從新設定許可權
sudo chmod -R ‘whoami’ /usr/local
二、安裝nodejs/安卓開發需要下載python,這裡應該下載python2(內含npm,建議在下載一個cnpm(官網給出的是不建議下載,但是別怕,後面開發你可能需要,先下載放著))
brew i node
三、下載yarn 、rn的命令工具
npm I -g yarn react-native-cli
xcode 安裝建議使用appstore 上的安裝方式,百度支援的xcode 有毒,劇毒。。windows使用者在下載配置java環境時候應該格外注意。太繁瑣
四、 安裝watch、flow使用npm
五、 測試安裝
react-native init myapp 對工程初始化
cd myapp 記得切換路徑
react-native run-ios
在這一步中它可能會提示你
unable to find utility "instruments", not a developer tool or in PATH
// 這裡是一個路徑問題你切換一些路徑就可以了
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/
// 然後即可執行
到此你可以進入index.ios.js 修改你的文字內容
command +1/2/3/4 可以調節虛擬裝置大小