博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react native 环境搭建与项目创建
阅读量:3931 次
发布时间:2019-05-23

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

JDK、Node、Python2、Android studio、react-native-cli



JDK(必须是1.8版本)

下载地址:(点击 Accept License Agreement 

                    

我这里选的是windows64位。

下载完成后,得到的是一个 jdk-8u191-windows-x64.exe 文件;双击一直下一步即可。

之后就是配置环境变量

打开win10的设置,搜索环境变量

创建变量JAVA_HOME,值为JDK的安装目录,如 C:\Program Files\Java\jdk1.8.0_201(推荐最好安装在这个目录)

           

双击打开环境变量Path,配置JDK的可执行文件bin目录,如 C:\Program Files\Java\jdk1.8.0_201\bin

         

检验:

配置好之后,打开cmd,输入  java -version,  出项版本号即安装成功

    

 



 

python2(注意RN不支持3.x)

下载地址:

               

点击后

           

下载完成后,一直下一步安装即可。注意:到这一步的时候,可以选择Add python.exe to Path,就不用自己去配置环境了。

  

检验:

安装完成后,在cmd窗口输入python出现版本号即可

 



Node(版本要高于8.3)

下载版本为8.15,因为react-native需要nodejs版本为6、8、>=10;而react需要nodejs版本不能高于10或者太低

下载地址:

        

下载完成后,一直下一步即可。

配置环境变量:

    我这的nodejs安装目录:

    所以配置的变量路径为:

        

检验:

配置完成后,在cmd中输入 node -v  或者 node --version  出现版本号即可。

     

 

因为安装node会自带npm,所以npm -v 出现版本号即可:

      



Android studio

下载地址:

参考文章:

下载完成后安装。

 

   下载SDK:

选择自己需要的sdk版本下载。默认下载了9.0

  


下载AVD(虚拟设备)


配置环境变量

  


react-native-cli下载:

npm install -g react-native-cli

下载完成后,执行 react-native -v出现版本号即可

 


 

至此,所有安装已经完成,就可以用react-native初始化并启动一个项目了。

所有配置过的环境变量如下:

 

 



启动项目的步骤:

  • 1、进入想要创建项目的目录(这里是桌面)

    

  • 2、初始化项目  react-native init TestApp

    

  初始化完成后cmd界面如下:

 

   初始化完成后的项目目录如下:

 

  • 3、进入项目  cd TestApp
  • 4、启动   react-native run-android

  启动完成后的cmd界面如下:

 

  启动完成后的虚拟设备如下:

 

注意:这里在启动前,一定要在Android studio中导入该项目,并且虚拟设备要一定要处于运行状态,否则会报如下错误:

 

 

 

 

                    ----------------本文完----------------

 

 

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

你可能感兴趣的文章
LeetCode刷题:30. Substring with Concatenation of All Words
查看>>
JAVA算法:递归求解母牛问题(JAVA代码)
查看>>
JAVA算法:欧几里德算法(GCD)又称辗转相除法计算两个整数a,b的最大公约数(JAVA代码)
查看>>
JAVA算法:李白遇花喝酒游戏JAVA DFS 算法设计
查看>>
JAVA算法:括号配对问题与卡塔兰数(Catalan number)
查看>>
JAVA算法:最长重复子串问题(JAVA解题)
查看>>
JAVA算法:最长重复子序列(JAVA)
查看>>
LeetCode刷题:20. Valid Parentheses
查看>>
LeetCode刷题:1003. Check If Word Is Valid After Substitutions
查看>>
LeetCode刷题:301. Remove Invalid Parentheses (DFS算法设计和BFS算法设计)
查看>>
LeetCode刷题:403. Frog Jump 青蛙过河问题JAVA算法设计
查看>>
JAVA算法:贪心算法典型题目详解 (JAVA版本 共6题)
查看>>
JAVA算法趣味题目求解
查看>>
JAVA算法:创建图算法(构建图)
查看>>
JAVA算法:合并石子堆——JAVA版本算法(动态规划算法)
查看>>
JAVA算法:三角形周长(JAVA版本算法)
查看>>
JAVA算法:House Robber(JAVA版本解题)
查看>>
JAVA算法:House Robber I&II&III JAVA版本解题
查看>>
JAVA算法:矩阵旋转(JAVA代码)
查看>>
JAVA算法:回形矩阵输出
查看>>