React Native 實戰

絕對不會鴿的一個系列, 雖然我兩年沒碰過 React Native 了.

安裝環境, 趕忙上車.

買個 MacBook Pro 吧.

請到 App Store 下載好 Xcode 最新版

而後控制檯

brew install node watchman
複製代碼

我先無論 Android 跟 Windows 用戶, 後面章節再處理, 先這樣 (等我 WTG 硬盤送到).

再經過安裝好的 NodeJS 安裝其餘工具, 同時建立個初始化項目, 這裏咱們用上 TypeScript, 由於我吃得飽

npm i -g react-native-cli
react-native init Awesome --template typescript
cd Awesome && react-native run-ios
複製代碼

好了, 如今執行後樣子大概長這樣.

而後咱們能夠玩玩這個東西, 在模擬器狀態下, 按一次 command + d 快捷鍵

哦呦, 打開了一個菜單, 其中 Enable Hot Reloading 這個選項是熱更新選項, 還有 Toggle Inspector 選項, 一個是打開相似網頁開發中查看元素功能. 至於 Debug JS Remotely 這個選項, 能夠自動打開股溝 Chrome 瀏覽器的調試工具 (兩三年前是這樣, 如今新版本是打開你的默認瀏覽器調試工具, 因而我打開了 Firefox.討厭股溝是一種病, 我已經無藥可醫).

以前就是找個 git 託管平臺而後把初始化的項目提交上傳到託管平臺去. 推薦 Coding 或者 gayhub 哦.

---

一個會持續更新到倉庫.
learn-react-native coding