React Nactive學習之搭建運行環境

從今天起正式開始ReactNactive的學習啦~

重新開始學習一門語言,當然需要一個適合的編譯器。公司大佬給我強烈推薦了WebStorm,但是這個安裝流程是在讓人汗顏。

做個筆記,提醒自己。也希望能幫助到大家啊。(本文章僅適用於Windows下的Android安裝)

一、搭建環境

其實所有的流程都可以參考RN中文網的教程,但是有些“坑” 大家需要注意

RN中文網網站

首先是安裝Node、Python2、JDK 和 Android Studio。當然還要安裝WebStorm

這裏切記!!!!!Node版本一定不要安裝的太高!!!(就是安裝了一個14.0.0版本,導致我找bug花了兩個多小時,最後還是換成11.0.0才解決)

淘寶鏡像下載地址放在下面了:

Node淘寶鏡像下載(記得下載msi結尾的鏡像)

下載過後,一直點擊下一步、下一步、下一步就完事。

Python2下載也沒什麼好說的,鏈接放下面:

Python2下載地址(切記不要下載3.0的)

JDK這個就沒什麼好說的了…網上教程太多了,自己去配置一下就完事了~

最後是Android studio下載,我也上傳網盤了,有需要的自取:

Android studio
提取碼:mdlt


後面的步驟可以參考RN官網,下面的教程接RN官網的創建新項目模塊

二、運行編譯

走到這一步,我默認你前面的所有步驟都完成了,包括必要插件的安裝、環境變量的配置等等。

在官網上可以看出,它是推薦用Windows自帶的控制檯來運行的。但是還有一種方式,那就是在WebStorm的終端中運行。

  1. 首先我們隨便創建一個項目,然後在終端中切換到文件所在位置。
  2. 在這裏插入圖片描述
    之後在這裏輸入官網上對應的指令即可。
npx react-native init Test
yarn react-native run-android

如果你的Android模擬機能正常運行出東西,那就代表你成功了!

以後每次連接,只需要開啓服務:

npm start

在這裏插入圖片描述
如果出現這個,就代表你連接模擬器成功啦!

這樣你就可以盡情的開始的RN學習之旅~~~


本期的RN安裝教程就到這裏(花了我好長時間!!),希望對大家有些幫助~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章