本篇文章将会搭建ReactNative + Android的开发环境
需要的工具:
1:win10系统电脑一台
2: vscode等开发工具
3: jdk8
4: Node.js
5:Python2
6:AndroidStudio
安装过程:
1:vscode
官网下载安装即可
https://code.visualstudio.com/
2:Node.js
官网下载安装即可
http://nodejs.cn/
安装好后打开powershell
node -v
npm -v
返回版本即安装成功
3:Python2
官网下载python2.7*版本,python3不行。
https://www.python.org/downloads/release/python-2710/
4:jdk
- 下载
官网下载jdk8
https://www.oracle.com/java/technologies/javase-jdk8-downloads.html
选择windows64位版本下载
- 安装
双击安装包,按照默认步骤一步一步安装 -
配置环境变量
打开控制面板->搜索高级系统设置->高级->环境变量
1:新建环境变量JAVA_HOME
变量名: JAVA_HOME
变量值:jdk安装目录
2:新建环境变量CLASSPATH
变量名:CLASSPATH
变量值: .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
3:配置用户变量Path
双击Path,点击新建。添加如下两段
1: %JAVA_HOME%\bin
2: %JAVA_HOME%\jre\bin
配置环境变量完成,打开powerShell运行命令javac,有反馈即可。
5:AndroidStudio
Android官网下载AndoridStudio工具
https://developer.android.com/studio
打开安装包一步一步安装即可
(安装过程很依赖网络,如果卡顿不要乱点,容易造成丢包,等他自己慢慢安装.如果有能力搭个梯子,速度会好很多)
-
安装好之后选择EmptyActivity(空白的项目)
-
next之后选择开发语言为java
-
点击finish运行,就开始构建你的第一个Android项目了
-
下载安卓虚拟机
选择右上角小手机的标志开始下载虚拟机
新建虚拟机,选择屏幕尺寸之后下载一个安卓系统。下载好之后一路next,然后finish就可以了。
环境安装完毕,开始使用vscode运行ReatNative
- 安装react-native命令行工具
可以先配置淘宝镜像,速度会快很多。
设置淘宝镜像
npm config set registry http://registry.npm.taobao.org/
安装命令行工具
npm install -g react-native
创建一个ReactNative的项目:(初始化一个ReactNative项目)
powerShell下运行
react-native init rn_demo
创建好之后用vscode打开。运行
选择npmscript中的android即可