ReactNative环境搭建与初始化项目

RN自2015年出了以后,受到很多人的关注。通过一次编写多处使用的优势,在app的开发中使用的也越来越频繁,虽然现在看来兼容性和运行了流畅度还不及原生开发,但是在广大工程狮的努力下,RN以后的发展前景还是十分看好。本篇给大家介绍RN的环境搭建。
运行平台:win8 64位

第一步:官网上建议安装Chocolatey,这个是一个包管理软件,作用就是同过安装之后运行相应命令就可以下载你需要的插件。但是作用不大,直接忽略就好直接安装Python 2目前不支持python3。

第二步:下载node.js安装完之后更改镜像源 npm install -g cnpm –registry=https://registry.npm.taobao.org

第三步:npm install -g yarn react-native-cli下载rn的客户端。

因为我是android的开发,所以我就用不到第四步了,但是要是你没有安装android的sdk api 系统图片资源的话还要有第四步。

第四步:下载android的Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。下载方式有两种,第一种:直接去google下载。第二种;使用studio的sdkManager下载。下载完之后想要在cmd中直接使用还要配置一下tools和platform-tools的环境变量。

这样几步就把rn需要的都搭建好了。是不是很简单?没错,就是这么简单。总结一下就是rn中组件需要node.js和python的库来做支持,在android运行时又需要android的sdk和模拟器,所以我们依次下载了对应的开发包。

下载完毕之后,我们可以测试运行一下:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android
这个命令的意思就是使用rn客户端初始化了一个叫AwesomeProject 的项目,进入项目目录后,在android平台运行。为确保package可以正常运行,我们可以先执行react-native start 开启package。然后在运行react-native run-android。项目创建之后的结构是这样的:

这里写图片描述

其中的index.android.js就是android项目引入的js文件,在打包的时候,也会根据这个js文件将需要的其他js文件全部打包为bundle。node_moudels这个文件是根据package.json这个文件加载的包,在初始化项目的时候如不指定rn版本,package.json中默认采用的是最新版本0.39。

“dependencies”: {
“react”: “~15.4.0-rc.4”,
“react-native”: “0.39.0”
},
最新的0.39版本还步稳定,建议在初始化的时候时候选择0.38.0的版本。android文件就是一个完整的整合了rn的工程,要是有studio可以直接运行,要是没安装studio也没关系,在第四步的时候我们安装了android的sdk与模拟器,可以直接使用adb install命令来安装。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值