博客
关于我
ReactNative:Android环境搭建和项目搭建
阅读量:320 次
发布时间:2019-03-04

本文共 1026 字,大约阅读时间需要 3 分钟。

环境搭建

安装JDK:

首先要配置Java环境,安装JDK,下载地址:http://www.oracle.com/,下载下来,按照小白式安装,安装完毕之后,进行环境变量配置:

在桌面上找到“我的电脑”点击鼠标右键,选择属性,选择高级系统设置

 

然后点击环境变量,创建新的系统变量:

  1. 新建变量名称为JAVA_HOME,变量值为D:\Program Files\Java\jdk1.8.0_201(刚刚jdk安装的路劲)

2.新建变量名称为CLASSPATH,变量值为.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

3.编辑变量名Path,在原有基础上分别新建%JAVA_HOME%\bin和%JAVA_HOME%\jre\bin

 

进入控制台输入命令java,javac,java -version来验证是否配置成功

输入java,如下:

 

输入javac, 如下:

 

 

输入java -version,如下:

 

安装Android Studio

 

下载Android Studio安装包,按照下一步指示安装,其中要记住安装过程中的SDK存放路径,新建一个用户变量ANDROID_HOME,变量值为D:\SDK(SDK存放路径)

 

官网环境搭建地址:

 

创建项目

在安装好node和npm的情况下,来安装react-native命令行工具:

npm install -g react-native-cli

 

创建项目:

react-native init 项目名称

 

运行项目:

react-native start

 

用Android Studio打开刚刚创建的项目文件目录下的android文件夹,启动

 

引入ant-design:

命令:

npm install @ant-design/react-native --save

 

按需加载:

npm install babel-plugin-import --save-dev

 

在.babelrc中添加:

"plugins": [

["import", { "libraryName": "@ant-design/react-native" }] // 与 Web 平台的区别是不需要设置 style

]

 

注意:

如果这些都弄完了,没法加载出来报错,则把node_modules文件删除,然后执行命令:

npm install

重新安装即可

 

 

 

转载地址:http://pgoq.baihongyu.com/

你可能感兴趣的文章
Mysql学习总结(28)——MySQL建表规范与常见问题
查看>>
Mysql学习总结(29)——MySQL中CHAR和VARCHAR
查看>>
Mysql学习总结(2)——Mysql超详细Window安装教程
查看>>
Mysql学习总结(30)——MySQL 索引详解大全
查看>>
Mysql学习总结(31)——MySql使用建议,尽量避免这些问题
查看>>
Mysql学习总结(32)——MySQL分页技术详解
查看>>
Mysql学习总结(33)——阿里云centos配置MySQL主从复制
查看>>
Mysql学习总结(35)——Mysql两千万数据优化及迁移
查看>>
Mysql学习总结(36)——Mysql查询优化
查看>>
Mysql学习总结(37)——Mysql Limit 分页查询优化
查看>>
Mysql学习总结(38)——21条MySql性能优化经验
查看>>
Mysql学习总结(39)——49条MySql语句优化技巧
查看>>
Mysql学习总结(3)——MySql语句大全:创建、授权、查询、修改等
查看>>
Mysql学习总结(40)——MySql之Select用法汇总
查看>>
Mysql学习总结(41)——MySql数据库基本语句再体会
查看>>
Mysql学习总结(42)——MySql常用脚本大全
查看>>
Mysql学习总结(43)——MySQL主从复制详细配置
查看>>
Mysql学习总结(44)——Linux下如何实现mysql数据库每天自动备份定时备份
查看>>
Mysql学习总结(45)——Mysql视图和事务
查看>>
Mysql学习总结(46)——8种常被忽视的SQL错误用法
查看>>