本篇文章將會搭建ReactNative + Android的開發(fā)環(huán)境
需要的工具：

1：win10系統(tǒng)電腦一臺
2: vscode等開發(fā)工具
3: jdk8
4: Node.js
5:Python2
6:AndroidStudio

安裝過程:

1:vscode

官網(wǎng)下載安裝即可
https://code.visualstudio.com/

2:Node.js

官網(wǎng)下載安裝即可
http://nodejs.cn/
安裝好后打開powershell

node -v
npm -v

返回版本即安裝成功

3:Python2

官網(wǎng)下載python2.7*版本，python3不行。
https://www.python.org/downloads/release/python-2710/

4:jdk

• 下載
  官網(wǎng)下載jdk8
  https://www.oracle.com/java/technologies/javase-jdk8-downloads.html
  選擇windows64位版本下載
  
  image.png
• 安裝
  雙擊安裝包，按照默認(rèn)步驟一步一步安裝

• 配置環(huán)境變量
  打開控制面板->搜索高級系統(tǒng)設(shè)置->高級->環(huán)境變量

  
  
  image.png

1:新建環(huán)境變量JAVA_HOME

變量名: JAVA_HOME
變量值：jdk安裝目錄

image.png

2:新建環(huán)境變量CLASSPATH

變量名：CLASSPATH
變量值： .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

image.png

3:配置用戶變量Path

雙擊Path，點擊新建。添加如下兩段
1: %JAVA_HOME%\bin
2: %JAVA_HOME%\jre\bin

image.png

配置環(huán)境變量完成，打開powerShell運行命令javac，有反饋即可。

5:AndroidStudio

Android官網(wǎng)下載AndoridStudio工具
https://developer.android.com/studio
打開安裝包一步一步安裝即可
(安裝過程很依賴網(wǎng)絡(luò)，如果卡頓不要亂點，容易造成丟包，等他自己慢慢安裝.如果有能力搭個梯子，速度會好很多）

• 安裝好之后選擇EmptyActivity(空白的項目)

  
  
  image.png

• next之后選擇開發(fā)語言為java

  
  
  image.png

• 點擊finish運行，就開始構(gòu)建你的第一個Android項目了

  
  
  image.png

• 下載安卓虛擬機(jī)
  選擇右上角小手機(jī)的標(biāo)志開始下載虛擬機(jī)

  
  
  image.png
  
  

  新建虛擬機(jī)，選擇屏幕尺寸之后下載一個安卓系統(tǒng)。下載好之后一路next，然后finish就可以了。

  
  
  image.png

環(huán)境安裝完畢，開始使用vscode運行ReatNative

• 安裝react-native命令行工具
  可以先配置淘寶鏡像，速度會快很多。

設(shè)置淘寶鏡像
npm config set registry http://registry.npm.taobao.org/
安裝命令行工具
npm install -g react-native

• 創(chuàng)建一個ReactNative的項目：(初始化一個ReactNative項目)
  powerShell下運行
  react-native init rn_demo
  創(chuàng)建好之后用vscode打開。

• 運行
  選擇npmscript中的android即可

截屏2020-04-22下午4.50.40.png

截屏2020-04-19 下午10.59.24.png