React Native开发环境搭建——window

适用对象:有过一定Android开发基础的人员,最起码知道什么是SDK及会配置SDK(不会的可以百度下,不作为本文重点)

工具准备

  1. Git下载https://git-scm.com/download/win
  2. Node.js

配置SDK——ANDROID_HOME环境变量

设置全局使用指定镜像(阿里云数据共享平台)——更快速

找到git安装目录,打开git-cmd.exe 执行
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

安装react native命令行工具

采用下载github上facebook开源项目提取工具的方式
安装过程:
在git-cmd命令行中进入到刚才下载的工程的如下目录下:cd D:\softwares\ReactNativeSoftware\react-native-master\react-native-cli

运行命令:npm install -g react-native-cli 即可

开始创建项目

git-cmd命令行进入到某个工作空间目录进行创建目录 使用cd命令

运行:react-native init HelloWorld 等待……

进入工程目录 运行packager

cd HelloWorld
运行:react-native start

可以用浏览器访问:http://localhost:8081/index.android.bundle?platform=android 看看是否可以看到打包后的脚本

准备模拟器或真机运行Android

进入到HelloWorld项目目录下运行:
react-native run-android

错误解决:

  1. sdk找不到错误——配置ANDROID_HOME环境变量 可在cmd中输入:echo %ANDROID_HOME%查看是否配置正确

开发工具
Visual studio code
RN相关的插件查询地址:https://marketplace.visualstudio.com/

个人陈述:
1、作为一个从事Android开发的人员来讲转RN相对ios人员容易那么一点,毕竟xml布局跟JSX有点类似;另外需要学习js、html语法;
2、开发工具可以选用WebStorm——跟Android studio快捷键一致,学习成本低,也可以使用Vistual Studio轻量级,启动超快。
3、运行调式程序到真机或模拟器时需要先使用命令行启动Packager(命令:react-native start),接着启动客户端命令(react-native run-android)等待即可。

最后附上我的第一个react native工程下载地址——一个登录页面;可用来学习react native基础项目结构和用来检测自己的环境是否搭建成功等http://download.csdn.net/detail/u011084603/9887305

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值