react-native 環(huán)境搭建運行第一個helloword

準備工作 要安裝很多東西

Python牺汤、Node.js、java jdk(下載1.8的)浩嫌、git檐迟、Android Studio、npm安裝码耐、雷電模擬器

Python下載后直接點擊安裝
下載地址:https://www.python.org/downloads/

Node.js下載后也直接安裝追迟,安裝成功后可打開cmd用node-v來測試是否安裝成功
下載地址https://nodejs.org/en/(下載LTS版本)

image.png

安裝git,百度下載伐坏,安裝的第一步選擇如圖所示這樣子怔匣,之后就一路next
image.png

java jdk下載后記住位置配置環(huán)境變量,可參考這里
java jdk下載地址http://www.oracle.com/technetwork/java/javase/downloads/index.html

安裝npm,在安裝Node.js時候其實就已經安裝了npm每瞒。但是npm的版本比較低金闽,可參考這個文章安裝npm

百度下載雷電模擬器,安裝打開

android studio 下載地址http://developer.android.com/
下載后最后安裝Android studio 剿骨,并配置Android sdk的環(huán)境變量代芜。設置環(huán)境變量ANDROID_HOME:Android SDK Manager的位置 例如:(ANDROID_HOME=> E:\Android\sdk)設置環(huán)境變量PATH:例如:(PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)

安裝成功后sdk,打開Android sdk manager浓利,或者新建一個文件點擊圖片紅色標記處的下載圖標挤庇,然后點擊Android sdk頁面


image.png

看看Android SDKolatform-tools的版本號是不是23的,要23的才行
把6.0下的這些打鉤贷掖,點擊apply完成下載和安裝嫡秕,要把右下角的勾上才能看到

image.png

到tools下,把圖中打鉤的下載并apply
image.png

image.png

image.png

下載安裝好后苹威,點擊運行按鈕昆咽,看看雷電模擬器是否已經識別到了,識別了就沒問題了牙甫。
打開命令窗口掷酗,搜索cmd,
在彈出的命令框當中輸入以下指令窟哺,回車
npm config set registry https://registry.npm.taobao.org --global
輸入完成后泻轰,回車,輸入下一條指令
npm config set disturl https://npm.taobao.org/dist --global
目的是在于將npm下載的地址轉為國內的地址且轨,加快下載速度
然后在命令行當中輸入如下指令用于安裝react native浮声,回車:
npm install -g react-native-cli,
image.png

輸入npm install -g
安裝好后就可以用react native的命令了
比如創(chuàng)建一個react-native項目殖告,在命令行中輸入如下指令阿蝶,回車:
react-native init MyProject
MyProject就是創(chuàng)建的項目,創(chuàng)建好后可以在目錄下找到它黄绩。創(chuàng)建過程要等好幾分鐘羡洁。
創(chuàng)建成功后的目錄結構如圖所示:里面有安卓項目,以后可使用Android studio 打開Android 目錄.
image.png

如果重新打開虛擬機后爽丹,需要使用cd進入當前需操作的文件夾
在命令行中進入項目目錄筑煮,輸入react-native start,等待一段時間粤蝎,
這時候可以用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android真仲,出現(xiàn)很長的js文件就表示服務端 可以了。

進入項目目錄初澎,輸入react-native run-android (記得在輸入此命令前秸应,要先打開模擬器) 虑凛,這表示運行安卓端。等待一段時間软啼,運行成功
http://localhost:8081/debugger-ui/可進入鏈接看

image.png

image.png

但是有很多小伙伴運行的時候報錯桑谍,運行不成功。
如圖所示:

錯誤一

image.png

錯誤原因:

這個提示Android SDK沒有找到祸挪,可以通過local.properties配置sdk.dir锣披,也可以設置設置ANDROID_HOME環(huán)境bi變量來設置SDK位置;

方案一:

在react-native創(chuàng)建的項目目錄下的Android目錄下新建一個local.properties文件贿条,

編輯內容:

sdk.dir = D:/ProgramFile/Android/androidsdk
方案二:

在環(huán)境變量中添加名ANDROID_HOME的變量,值為SDK路徑

"我的電腦"右鍵“屬性”->高級系統(tǒng)設置->環(huán)境變量 -> 新建ANDROID_HOME

如果在cmd里面輸入Android sdk 可查詢到則安裝成功雹仿,這時候重新輸入命令 react-native run-android 運行

錯誤二

如果你遇到了ERROR Watcher took too long to load的報錯,請嘗試修改node_modules/react-native/packager/react-packager/src/FileWatcher/index.js整以,將其中的MAX_WAIT_TIME 從25000改為更大的值(單位是毫秒)

不過一般情況下都是上訴的環(huán)境未配置正確胧辽,可再次檢查一遍。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末公黑,一起剝皮案震驚了整個濱河市票顾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌帆调,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件豆同,死亡現(xiàn)場離奇詭異番刊,居然都是意外死亡,警方通過查閱死者的電腦和手機影锈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門芹务,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鸭廷,你說我怎么就攤上這事枣抱。” “怎么了辆床?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵佳晶,是天一觀的道長。 經常有香客問我讼载,道長轿秧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任咨堤,我火速辦了婚禮菇篡,結果婚禮上,老公的妹妹穿的比我還像新娘一喘。我一直安慰自己驱还,他們只是感情好,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著议蟆,像睡著了一般闷沥。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上咪鲜,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天狐赡,我揣著相機與錄音,去河邊找鬼疟丙。 笑死颖侄,一個胖子當著我的面吹牛,可吹牛的內容都是我干的享郊。 我是一名探鬼主播览祖,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼炊琉!你這毒婦竟也來了展蒂?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤苔咪,失蹤者是張志新(化名)和其女友劉穎锰悼,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體团赏,經...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡箕般,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了舔清。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片丝里。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖体谒,靈堂內的尸體忽然破棺而出杯聚,到底是詐尸還是另有隱情,我是刑警寧澤抒痒,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布幌绍,位于F島的核電站,受9級特大地震影響故响,放射性物質發(fā)生泄漏纷捞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一被去、第九天 我趴在偏房一處隱蔽的房頂上張望主儡。 院中可真熱鬧,春花似錦惨缆、人聲如沸糜值。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽寂汇。三九已至病往,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間骄瓣,已是汗流浹背停巷。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留榕栏,地道東北人畔勤。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像扒磁,于是被迫代替她去往敵國和親庆揪。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內容