首页 > 其他 > 详细

React-Native傻瓜式安装, 包会

时间:2020-05-23 12:16:27      阅读:66      评论:0      收藏:0      [点我收藏+]

引子:

烧锅的之公司要开发android应用, 要配置React-Native, 结果她在公司搞了好几天,还是没有看到Welcome to React. 没的办法只好我上阵了. 我一步步配好后. 决定写一份安装文档, 希望有这个需求的码农们,不在像热锅上的蚂蚁焦急,愤怒, 甚至想砸电脑.

正文:

先看下我的电脑配置,嘿嘿!  开发人员就要好电脑!

技术分享图片

 

 

 

 

言归正传, 开始傻瓜式安装.

第一步, 先下载android-studio, node.js 以及 jdk

技术分享图片

 

 

 

第二步; 配置环境变量 jdk 和 node.js 

技术分享图片

 

技术分享图片

 

 %ANDROID_HOME%\platform-tools

%ANDROID_HOME%\emulator

%ANDROID_HOME%\tools

%ANDROID_HOME%\tools\bin

技术分享图片

 

第三步 安装android-studio.exe

3.1

技术分享图片

 

 

 3.2

技术分享图片

 

 

 3.3

技术分享图片

 

 

 

3.4

技术分享图片

 

 

 3.5

技术分享图片

 

 

 

3.6

技术分享图片

 

 

 3.7

技术分享图片

 

 

 3.8

技术分享图片

 

 

 3.9

技术分享图片

 

 

3.10

技术分享图片

 

 

 

3.11

技术分享图片

 

 

 3.11

技术分享图片

 

 

 

 3.12

烧锅的之垃圾联想电脑没有出现HAXM之选项. 因为某些型号的垃圾联想电脑的VT-x默认没有开启.  重启电脑的时候按F2, 然后把Intel Virtual Technology选项从disable改为enable即可

技术分享图片

 

 

 3.13

技术分享图片

 

 

 

3.14

技术分享图片

 

 

 3.15

技术分享图片

 

 

 3.16 创建1个空文件夹叫rnApp

技术分享图片

 

 

 

3.17  确认下node的版本, 要大于12

技术分享图片

 

 

 3.18 安装react-native-cli脚手架

技术分享图片

 

 

 

3.19

reactive-native run-android, 报错, 要先初始化项目, 初始化后注意项目的路径

技术分享图片

 

 

 

3.20

切换到rnApp目录,  run-android

技术分享图片

 

 

 

3.21

技术分享图片

 

 

3.21 gradle下载, 下着下着就会越来越慢,  断开下再下就会 很快了

技术分享图片

 

 

 

技术分享图片

 

 

 3.22  下着下着报错了, 说是license没有全部开放

技术分享图片

 

 

 

3.23 授权所有的license

cd E:\ck_front\tools\SDK\tools

技术分享图片

 

 

3.24  授权好了

技术分享图片

 

 

 3.25 再run一次android

技术分享图片

 

 3.26 还要下载依赖包, 尼玛突然不动了, 后才发现家里的网断了

技术分享图片

 

 3.27 网好了, 会自动下载剩余的依赖 , 所有的依赖下好后, 看到成功的曙光了

技术分享图片

 

 

3.28 大功告成

技术分享图片

 

React-Native傻瓜式安装, 包会

原文:https://www.cnblogs.com/freebravo/p/12941722.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!