創(chuàng)建日期： 2020年12月2日
補充日期：2021年1月10日
網絡環(huán)境： 國外
參考：
ReactNative中文官網
官網例子
時隔多年陨仅，又要回歸到ReactNative上了筝尾，作為復習筆記，重新來一次扩然。
PS： 特別對不起之前進來的讀者。因為創(chuàng)建文章的時候辖所，誤點了“發(fā)布”按鈕琼梆，所以空文章被發(fā)布了。之后寫了一部分羽氮，也完全忘記自己的文章被發(fā)布出去了，所以惫恼，導致很多人進來乏苦，只看見標題。深感抱歉尤筐。于是汇荐，抽空，把文章補全盆繁。其實官網寫的很細致了掀淘，時間有限，這里就簡單說下油昂。主要是以大標題的方式革娄，給初學的童鞋倾贰，指一條調查的方向和順序。
1.搭建環(huán)境
1.1 Mac環(huán)境
參考鏈接,該鏈接里寫的很清楚拦惋。
必須安裝的工具有：Node匆浙、Watchman、Xcode 和 CocoaPods厕妖。
具體參考上面鏈接首尼。
1.2 Windows環(huán)境
這個是在公司做的，是先安裝了IDE–––VS Code言秸，然后在VS Code上软能，打開終端，通過命令安裝了scoop工具举畸。其余的node查排，yarn都是通過scoop安裝的。因為筆者是國外的網絡環(huán)境抄沮，所以各位可以查下國內如何安裝跋核。
2.創(chuàng)建新項目
通過腳手架安裝，React JS 有很多腳手架叛买，RN的話了罪，筆者沒有調查，直接用官網提供的腳手架聪全。另外，該腳手架是以JavaScript為開發(fā)語言搭建的辅辩。如果用TypeScript的难礼，官網上也有相對應的腳手架，其實就是在JavaScript的基礎上玫锋，添加了一些后綴蛾茉，來配置TS（TypeScript）。
# AwesomeProject 是你的項目名稱
npx react-native init AwesomeProject
3.編譯并運行 React Native 應用（模擬器）
iOS:
因為最近在帶新人撩鹿，所以就不得不傻瓜式的提一嘴谦炬，一般的文章，都是以Mac系統為基礎來講解的节沦，但是很多公司用的是windows系統键思。對于啟動iOS模擬器甫贯，或者iOS真機安裝這些吼鳞，都需要你有一臺蘋果電腦，所以叫搁，你若是windows系統赔桌，請?zhí)^該部分供炎，直接看安卓模擬器的啟動。
另外疾党，因為yarn的運行速度要比npm快音诫，所以現在一般都會選擇用yarn。
# AwesomeProject是你剛才用腳手架創(chuàng)建項目時候的項目名稱
cd AwesomeProject
# yarn install 這個命令到底需不需要呢雪位？官網上沒寫竭钝，筆者記得最初的時候，腳手架里并沒有提供相關庫的安裝茧泪，所以需要自己安裝蜓氨。
# 你運行了的話，不會錯队伟，你不運行的話穴吹，筆者沒試過，是否可以運行起來嗜侮。
yarn install
yarn ios
# 或者
yarn react-native run-ios
Android:
在啟動安卓模擬器前港令，你需要安裝android studio，用于開發(fā)安卓的IDE锈颗。當然顷霹，安裝其他的IDE也是可以的，不過推薦你用android studio击吱。安裝好后淋淀，請查找一下安卓環(huán)境的配置方法，你需要安裝各種SDK覆醇，配置JavaSDK的環(huán)境變量等等朵纷。待你創(chuàng)建一個默認的安卓項目，并可以啟動模擬器的時候永脓，請你保持模擬器已啟動袍辞，然后運行下面命令，就可以了常摧。
# AwesomeProject是你剛才用腳手架創(chuàng)建項目時候的項目名稱
cd AwesomeProject
# yarn install 這個命令到底需不需要呢铛碑？官網上沒寫炬藤，筆者記得最初的時候伤极，腳手架里并沒有提供相關庫的安裝鲫咽，所以需要自己安裝。
# 你運行了的話溃斋，不會錯党瓮，你不運行的話，筆者沒試過盐类，是否可以運行起來寞奸。
yarn install
yarn android
4.真機上運行
iOS:
iOS的話呛谜，需要你有開發(fā)者賬戶，要創(chuàng)建證書等等枪萄。調查一下“iOS 真機運行”就好隐岛。然后，build瓷翻。其實聚凹，在你剛才用模擬器啟動的時候，就已經完成了build齐帚。你把項目文件中的iOS文件夾（已經build后的）妒牙，直接用Xcode打開，然后按照“iOS 真機運行”的方法对妄，運行就可以了湘今。
當成功連接真機，并且配置成功后剪菱，yarn ios,是不是可以直接啟動真機呢摩瞎？安卓是可以的，iOS不記得了孝常，沒有嘗試旗们。理論上，應該是可以的构灸。
Android:
只要連接上真機上渴，打開開發(fā)者模式，運行yarn android喜颁，就可以實現真機安裝稠氮。如果安裝的時候，出現問題洛巢，請查“安卓開發(fā) 真機運行”，看下具體操作步驟次兆。筆者現有環(huán)境都是配置好的稿茉，而且是很久很久之前就配置好的，實在記不住了芥炭。
待更新的下一篇：
待你創(chuàng)建完第一個RN項目后漓库，就要開始尋找順手的調試工具。
Snack Player 是官網提供的园蝠，
還有google瀏覽器渺蒿，
現在，大家最常用的應該是react-native-bugger彪薛，該調試工具集成了多個工具茂装，分別對應了UI查看怠蹂，斷點調試，redux狀態(tài)查看等少态。網上有很多該工具的使用城侧。
