一直想試試RN,但是因為安裝環境的問題一直沒有成功,中間陸陸續續因為時間的原因中斷了一段時間,今天終于鼓起勇氣再次沖擊·····,先說一下我之前安裝環境的坑爹史吧。
剛剛開始我是按照下面的按照方法安裝的:
1、首先需要安裝 Homebrew,安裝只要一句話:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)",判斷安裝成功與否,可以用命令查看:brew -v。
然后用brew命令來安裝Node.js(服務端的JavaScript運行環境):
brew?install?node
安裝完成之后測試是否安裝成功,npm -v,如果沒有反應那就是安裝錯了,坑爹的,我在這一步卡死了,因為我這一步安裝成功,npm -v也提示版本,但是提示npm not link,所以下面使用npm命令(第3步)的時候就用不了,然后我找啊找找啊找,無數次卸載刪除該路徑都無效,就在我放棄的時候突然想到,我用其它方法安裝,不要用homebrew安裝,然后我就去官網下載安裝了一個node.js
2、然后安裝 watchman(Facebook推出的文件改動監聽器):
brew?install?watchman
React Native通過watchman來監視代碼文件的改動并適時進行編譯。這就好比Xcode,它會在每次文件被保存時對文件進行編譯。
3、然后用npm命令安裝React Native 的CLI工具:
npm?install?-g?react-native-cli
如果這條命令出錯,試試提一下權限sudo npm install -g react-native-cli
這個命令通過Node Package Manager來下載和安裝CLI工具,npm是一個類似CocoPods或Carthage工具。
4、定位到要創建React Native 項目的文件夾,使用CLI工具創建一個新的React Native項目:
react-native?init?PropertyFinder
這將創建一個默認的React Native項目,其中包含有能夠讓React Native項目編譯運行的必要內容。
在React Native項目文件夾中,有一個node_modules文件夾,它包含React Native 框架文件。此外還有一個 index.ios.js 文件,這是CLI創建的腳手架代碼。最后,還有一個Xcode項目文件及一個iOS文件夾,后者會有一些iOS代碼用于引導React Navtive App。
5、然后打開iOS文件夾下的Xcode文件你就可以運行啦······\(≧▽≦)/激動·····
建議科學上網,不然下載一些東西會很慢,有好的方法和學習路徑希望不吝賜教~~
其它閱讀請參考以下: