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命令来安装。