码迷,mamicode.com
首页 > 其他好文 > 详细

React-Native傻瓜式安装, 包会

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

标签:vt-x   and   技术   com   welcome   front   蚂蚁   创建   切换   

引子:

烧锅的之公司要开发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傻瓜式安装, 包会

标签:vt-x   and   技术   com   welcome   front   蚂蚁   创建   切换   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!