學(xué)習(xí)React Native需要先簡(jiǎn)單學(xué)習(xí)JavaScript，所以在學(xué)習(xí)前可以先去了解一下JavaScript語言的常用語法。
Android環(huán)境的搭建
在window上因?yàn)橹荒荛_發(fā)Android，iOS需要在Mac系統(tǒng)上開發(fā)，所以必須要有Android的開發(fā)環(huán)境。Android的開發(fā)環(huán)境只需要有：
- jdk的安裝以及環(huán)境變量的配置
- Android studio的下載以及安裝，網(wǎng)址可以使用Android的中文官網(wǎng)進(jìn)行下載Android的中文官網(wǎng)
運(yùn)行設(shè)備搭建
- 真機(jī)調(diào)試（這里連接的網(wǎng)絡(luò)必須和電腦是一個(gè)網(wǎng)絡(luò)才可以調(diào)試
- 安裝Genymotion模擬器Genymotion安裝教程
安裝Node
node.js輕量級(jí)的Web服務(wù)器，想要是React Native跑起來需要安裝node， 如果沒有安裝node.js，先去官網(wǎng)安裝node.jsNode下載地址
下載好后直接安裝，然后在命令行中敲下面的代碼：
圖片1.png
然后給node配置環(huán)境變量：
圖片2.png
具體環(huán)境變量配置可以參考Node環(huán)境變量配置
安裝React Native模塊
打開控制命令行輸入：npm install -g yarn react-native-cli，按回車即開始安裝，等待安裝即可。
安裝Webstore
Webstore是前端開發(fā)的IDE工具，這里可以直接創(chuàng)建react native項(xiàng)目，以后的react native開發(fā)都是基于這個(gè)開發(fā)工具進(jìn)行的，Webstore下載地址
至于如何破解，可以參考這篇博客的第二種方法，試過，可以用破解地址
第一個(gè)react native項(xiàng)目
完成以上環(huán)境的配置，打開Webstore，新建react native項(xiàng)目：
圖片1.png
創(chuàng)建好后如下：
圖片2.png
點(diǎn)擊上方指示運(yùn)行就ok。然后打開Android studio，將項(xiàng)目中的android目錄導(dǎo)入Android studio中進(jìn)行編譯：
圖片3.png
然后打開Genymotion模擬器開啟一個(gè)Android模擬器，點(diǎn)擊下方按鈕運(yùn)行：
圖片4.png
這里要注意，模擬器或者真機(jī)必須和電腦是一個(gè)網(wǎng)絡(luò)的才可以運(yùn)行成功：
圖片5.png
看到如上圖，就說明已經(jīng)成功運(yùn)行起第一個(gè)react native項(xiàng)目。下一篇講解react native的項(xiàng)目結(jié)構(gòu)。
