從今天起正式開始ReactNactive的學習啦~
重新開始學習一門語言,當然需要一個適合的編譯器。公司大佬給我強烈推薦了WebStorm,但是這個安裝流程是在讓人汗顏。
做個筆記,提醒自己。也希望能幫助到大家啊。(本文章僅適用於Windows下的Android安裝)
一、搭建環境
其實所有的流程都可以參考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的終端中運行。
- 首先我們隨便創建一個項目,然後在終端中切換到文件所在位置。
- 、
之後在這裏輸入官網上對應的指令即可。
npx react-native init Test
yarn react-native run-android
如果你的Android模擬機能正常運行出東西,那就代表你成功了!
以後每次連接,只需要開啓服務:
npm start
如果出現這個,就代表你連接模擬器成功啦!
這樣你就可以盡情的開始的RN學習之旅~~~
本期的RN安裝教程就到這裏(花了我好長時間!!),希望對大家有些幫助~