1. 程式人生 > >React Native開發之路(一)

React Native開發之路(一)

很久以前,就是接觸過RN,搭建了RN的開發環境,弄了個Hello Word的demo出來,就沒有再去學習了,因為工作用不上,自己的CSS和JS都是不會,所以提不起興趣來。
最近一個機緣,一個哥們兒拉我去做專案,APP不用原生開發,用RN來寫兩端的App。朋友叫上我了,也不好拒絕,做專案還有錢不說,而且還能拓寬自己的技術面,何樂而不為呢。嘻嘻~
��上面都是廢話。可以忽略,呵呵。。。下面進入主題吧
- 想做任何開發,搭建環境少不了,第一步先從搭建環境開始(對不起,因為我做iOS開發,所以只針對Mac系統)
軟體安裝

Homebrew

Homebrew, Mac系統的包管理器,用於安裝NodeJS和一些其他必需的工具軟體。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安裝好Homebrew後,然後就開始安裝Node

Node

使用Homebrew來安裝Node.js.

React Native目前需要NodeJS 5.0或更高版本。本文釋出時Homebrew預設安裝的是最新版本,一般都滿足要求。

brew install node

相信讀者一般都是iOS開發吧,Xcode安裝就不用說了。
然後就是編輯器,可以裝Nuclide

Nuclide
#

Nuclide(此連結需要科學上網)是由Facebook提供的基於atom的整合開發環境,可用於編寫、執行和 除錯React Native應用。

譯註:我們更推薦使用WebStormSublime TextVisual Studio Code來編寫React Native應用。所有這些開發工具都是跨平臺的。其中webstorm是收費的,體量較大,功能較多,基本無需配置。其他工具免費,相對輕量,但或多或少需要下載外掛和配置。
還有一些其他推薦的外掛,可以參考這裡RN其他輔助軟體
- 搭建好環境後,那就是建立一個專案了,Hello world來了

react-native
init HelloWorldRN cd HelloWorldRN react-native run-ios

注意:這裡我建立專案後一直沒跑起來,後來是升級MacOS和Xcode就解決了。如果app一直跑不起來,可以試試升級
- 最後,如果讀者沒有CSS和JS的基礎,先去學習CSS和JS,再去學習RN開發吧。
我是瘋狂的沒日沒夜的學習了4天左右CSS和JS,在這裡學的菜鳥教程,如果有基礎,當我沒說這句話吧��‍♂️
今天先到這。。 祝你們搭建環境成功��