??? React Native 被最近鬧的很火菜拓，加之微信小程序出來，讓iOS和Android的開發(fā)者有一定擔(dān)憂惫周，閑話不多說尘惧，既然進(jìn)入了程序員這個坑，就走入了永無止盡的學(xué)習(xí)之路递递，活到老學(xué)到老喷橙，我愛學(xué)習(xí)啥么，學(xué)習(xí)愛我。贰逾。悬荣。
??? 一、簡單的環(huán)境搭建
? ? 1.安裝Homebrew?? 官網(wǎng)?
? ? 命令行：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
? ? 2.安裝Node.js? ? 相當(dāng)于后臺
? ? 命令行：brew install node
? ? 3.安裝watchman 用于監(jiān)視JavaScript文件改動
? ? 命令行：brew install watchman
? ? 4.安裝flow? 用于發(fā)現(xiàn)JavaScript程序中的類型錯誤
? ? 命令行：brew install flow
? ? 5.安裝react-native-cli? 通過react-native相關(guān)命令管理ReactNative工程
? ? 命令行：npm install -g react-native-cli
?? 二疙剑、下載示例程序
? 1.創(chuàng)建一個文件夾然后終端cd到文件夾里面
? 2.執(zhí)行命令行：react-native init ReactNativeLearn
?? npm config set registryhttps://registry.npm.taobao.org--global
?? npm config set disturlhttps://npm.taobao.org/dist--global
注：此處下載很慢氯迂，可以去喝杯茶，吃點點心言缤，看看頁面或者擼一發(fā)代碼嚼蚀；
???
??? 三、執(zhí)行示例程序
??? 1.下載好的程序打開ios文件夾管挟，用Xcode打開程序轿曙；
??? 2.運行的截圖是醬紫的
???
??? 3.顯示的文字在剛剛文件夾顯示的index.ios.js中，需要下載另一個IDE修改僻孝；
??? 四导帝、修改示例程序
??? 1.下載Atom
??? Atom，是由github團(tuán)隊打造的一款開源免費的代碼編輯器穿铆。
? ? 2.執(zhí)行終端安裝Nuclide ? Atom的一個插件您单；
? ? 命令行：apm install Nuclide
??? 3.右鍵index.ios.js使用Atom打開，然后就編輯里面的js代碼吧荞雏；
???? 注：需要JS小能手介入虐秦，本人水平粗淺，簡單的示例就到這里了讯檐，小白入門羡疗，要想深入的話，就需要學(xué)習(xí)一下JS了别洪，然后針對React Native的熱更新叨恨，鄙人粗淺的理解為：就是在XCode剛剛下載的示例文件中把下面圖的路徑做一個修改，以至于不需要每次提交App進(jìn)行審核進(jìn)行實時更新挖垛；
??????
?? 才疏學(xué)淺痒钝，還望大神們批評指正，誠心接受痢毒；
?? 菜鳥走向大牛送矩，大家共同前進(jìn)，如果覺得不錯哪替，請給個贊/關(guān)注栋荸。
?? 一起交流學(xué)習(xí)，有問題隨時歡迎聯(lián)系，郵箱：383708669@qq.com
