前言

1：React Native最近很火，我也想踩一下這個(gè)坑，但是由于從來(lái)么有接觸過(guò)，就簡(jiǎn)單的記錄一下React Native的安裝吧

2：React Native基于Windows系統(tǒng)下安裝=>>>>>Windows10環(huán)境,Webstorm2018 1.2版本

主要的開(kāi)發(fā)環(huán)境主要有node.js + react native + android sdk Git工具（可選）Python 2注意目前不支持Python 3版本。
1、下載安裝node.js
在安裝前確認(rèn)一下是否有安裝，在cmd命令下載輸入node -v則會(huì)出現(xiàn)以下，如圖所示，我已經(jīng)安裝了node.js8.11.1

image.png

假如沒(méi)有安裝node.js話去node.js官網(wǎng)node.js環(huán)境配置我是系統(tǒng)直接給我配置好了，沒(méi)有配置過(guò)的在看如圖所示
我的電腦右鍵屬性，高級(jí)系統(tǒng)屬性、環(huán)境變量

image.png

系統(tǒng)環(huán)境變量PATH下

image.png

點(diǎn)擊編輯添加你的node.js安裝路徑

image.png

配置npm源
由于國(guó)外的npm服務(wù)器下載太慢了，因此配置國(guó)內(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)安裝了沒(méi)有卸載所以出現(xiàn)以下（如圖所示）假如有錯(cuò)誤的情況請(qǐng)去React Native[中文網(wǎng)]{https://reactnative.cn/docs/0.48/getting-started.html#content}去看具體教程

image.png

測(cè)試安裝react native環(huán)境是否成功，可以在任意目錄執(zhí)行如下命令，新建一個(gè)react-native工程
react-native init ReactDemo
當(dāng)然了創(chuàng)建demo這個(gè)過(guò)程有點(diǎn)小漫長(zhǎng)