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應用。
譯註:我們更推薦使用WebStorm或Sublime Text或Visual 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,在這裡學的菜鳥教程,如果有基礎,當我沒說這句話吧��♂️
今天先到這。。 祝你們搭建環境成功��