1. 程式人生 > >react-native 學習《一》

react-native 學習《一》

最近由於一些特殊要求,需要學習掌握移動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 可以調節虛擬裝置大小