前言
1：React Native最近很火牵署，我也想踩一下這個坑既峡，但是由于從來么有接觸過预茄，就簡單的記錄一下React Native的安裝吧
2：React Native基于Windows系統(tǒng)下安裝=>>>>>Windows10環(huán)境,Webstorm2018 1.2版本
主要的開發(fā)環(huán)境主要有node.js + react native + android sdk Git工具（可選）Python 2注意目前不支持Python 3版本隔显。
1崎溃、下載安裝node.js
在安裝前確認(rèn)一下是否有安裝蜻直，在cmd命令下載輸入node -v則會出現(xiàn)以下，如圖所示，我已經(jīng)安裝了node.js8.11.1
image.png
假如沒有安裝node.js話去node.js官網(wǎng)node.js環(huán)境配置我是系統(tǒng)直接給我配置好了概而，沒有配置過的在看如圖所示
我的電腦右鍵屬性唤殴，高級系統(tǒng)屬性、環(huán)境變量
image.png
系統(tǒng)環(huán)境變量PATH下
image.png
點擊編輯添加你的node.js安裝路徑
image.png
配置npm源
由于國外的npm服務(wù)器下載太慢了到腥，因此配置國內(nèi)淘寶的鏡像服務(wù)器如下：
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
2朵逝、安裝React Native環(huán)境
cmd命令執(zhí)行
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
由于我已經(jīng)安裝了沒有卸載所以出現(xiàn)以下（如圖所示）假如有錯誤的情況請去React Native[中文網(wǎng)]{https://reactnative.cn/docs/0.48/getting-started.html#content}去看具體教程
image.png
測試安裝react native環(huán)境是否成功，可以在任意目錄執(zhí)行如下命令乡范，新建一個react-native工程
react-native init ReactDemo
當(dāng)然了創(chuàng)建demo這個過程有點小漫長
image.png
就這樣創(chuàng)建成功了
初始化工程目錄如下配名，由于我只有一個盤符C盤
image.png
創(chuàng)建成功了去Webstorm里面
image.png
image.png
image.png
1.1用你的AndroidStudio打開此工程
1.2Webstorm運行ReactDemo，我的被窩改過了晋辆，沒有改過的運行Android就行了
image.png
運行效果如下所示
image.png
就這樣完成了
