React Native 環(huán)境配置的坑

一直想試試RN,但是因為安裝環(huán)境的問題一直沒有成功,中間陸陸續(xù)續(xù)因為時間的原因中斷了一段時間,今天終于鼓起勇氣再次沖擊·····,先說一下我之前安裝環(huán)境的坑爹史吧。

剛剛開始我是按照下面的按照方法安裝的:


1、首先需要安裝 Homebrew,安裝只要一句話:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)",判斷安裝成功與否,可以用命令查看:brew -v。

然后用brew命令來安裝Node.js(服務(wù)端的JavaScript運行環(huán)境):

brew?install?node

安裝完成之后測試是否安裝成功,npm -v,如果沒有反應(yīng)那就是安裝錯了,坑爹的,我在這一步卡死了,因為我這一步安裝成功,npm -v也提示版本,但是提示npm not link,所以下面使用npm命令(第3步)的時候就用不了,然后我找啊找找啊找,無數(shù)次卸載刪除該路徑都無效,就在我放棄的時候突然想到,我用其它方法安裝,不要用homebrew安裝,然后我就去官網(wǎng)下載安裝了一個node.js


2、然后安裝 watchman(Facebook推出的文件改動監(jiān)聽器):

brew?install?watchman

React Native通過watchman來監(jiān)視代碼文件的改動并適時進(jìn)行編譯。這就好比Xcode,它會在每次文件被保存時對文件進(jìn)行編譯。


3、然后用npm命令安裝React Native 的CLI工具:

npm?install?-g?react-native-cli

如果這條命令出錯,試試提一下權(quán)限sudo npm install -g react-native-cli

這個命令通過Node Package Manager來下載和安裝CLI工具,npm是一個類似CocoPods或Carthage工具。


4、定位到要創(chuàng)建React Native 項目的文件夾,使用CLI工具創(chuàng)建一個新的React Native項目:

react-native?init?PropertyFinder

這將創(chuàng)建一個默認(rèn)的React Native項目,其中包含有能夠讓React Native項目編譯運行的必要內(nèi)容。

在React Native項目文件夾中,有一個node_modules文件夾,它包含React Native 框架文件。此外還有一個 index.ios.js 文件,這是CLI創(chuàng)建的腳手架代碼。最后,還有一個Xcode項目文件及一個iOS文件夾,后者會有一些iOS代碼用于引導(dǎo)React Navtive App。


5、然后打開iOS文件夾下的Xcode文件你就可以運行啦······\(≧▽≦)/激動·····

建議科學(xué)上網(wǎng),不然下載一些東西會很慢,有好的方法和學(xué)習(xí)路徑希望不吝賜教~~

其它閱讀請參考以下:

React Native 官方文檔中文版

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容