一、下载并安装jdk1.8版本
2、配置环境变量:
新建变量:JAVA_HOME 变量值是jdk的安装路径
新建变量:classpath 变量值为:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
path里添加:
3、java -version差看版本信息确认是否安装成功
二、下载并安装node.js
1、官网下载地址:https://nodejs.org/en/
2、配置环境变量
注意:环境变量的值是.cmd所在的目录
新建变量:NODE_PATH (生效的应该是node.exe和各个.cmd文件,变量值应该是.cmd所在的路径)
path里添加以下两项:(安装的时候点击添加到环境变量,path里会自动添加)
3、node -v 、npm -v查看node.js是否安装成功
4.安装好之后设置一下镜像
npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global
验证:
npm config get registrynpm config get disturl
三、下载并安装python
2.配置环境变量:
path里添加:
3.python查看版本号确定是否安装成功
四、安装GIT
1、官网下载地址:https://gitforwindows.org/
2.配置环境变量:
path里添加:
五、安装Android SDk
2.安装好之后打开SDK Manager进行下载
Android 6.0 (Marshmallow)中勾选Google APIs、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。
Android Support Repository
(后期根据自己需要可以安装其他资源)
郑州大学镜像:mirrors.zzu.edu.cn点击
进行下载
六、Reac Native安装
可以使用命令安装,也可以从git上克隆(命令:npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global
不建议使用,速度很慢经常失败)
使用yarn命令安装速度比较快
npm install -g yarn react-native-cli
安装好之后设置镜像
yarn config set registry https://registry.npm.taobao.org --globalyarn config set disturl https://npm.taobao.org/dist --global
注意:安装完yarn之后就可以用yarn代替npm了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install --save 某第三方库名
推荐安装模拟器:
Genymotion
下载第一个
上面所有软件安装好之后就可以开始运行喽
1.打开dos窗口,新建一个文件夹在D盘,进入这个文件夹
2.输入命令react-native init AwesomeProject(初始项目的文件名自己命名),会在D盘的相应文件夹下生成项目文件,如下图所示:
3.进入项目根目录,输入react-native start命令,启动reactnative
cd AwesomeProject
在浏览器输入http://localhost:8081/index.android.bundle?platform=android,如果可以访问就表示服务端启动了。
正常情况应该如下所示:
但实际情况是:
(报错是因为没有找到index.android.js,因为生成的项目index.android.js和index.osi.js合并为App.js。所以这个报错不用管,可以正常访问网页就表示启动成功了)
4、在项目根目录下输入react-native run-android,就可以在android模拟器上看到如下图所示的页面:
(注意:模拟器一定是运行状态,环境变量配置正确)
5、可以在App.js里面做修改实现自己想要的效果。修改完之后在模拟器按F1,在弹出的页面上点击Reload,就可以看到最新效果(注意:如果修改了App.js之外的任何文件都要输入react-native run-android命令重新加载)
注意:提示不是外部或内部命令,都是环境变量配置的问题