React Native 的安装方法以及推荐IDE

      React Native可以快速开发IOS、Android应用,很多对运行速度不做苛刻要求的公司都会选择React Native开发移动产品,但是顺应市场需求,最近笔者也是在学习RN。但要比较用户体验,个人认为Android比它要流畅一些。


安装


python 2

进入python官网下载即可(目前只能支持python 2)

附上链接:python 2 官网下载链接

安装完成后,需要配置环境变量,在右击电脑-属性-高级系统设置-高级-环境变量-Path-编辑-添加-安装路径(例如:D:\Program Files\python)。

Node

进入Node.js官网下载即可(Node.js v7.1貌似不能在windows下运行,选择其他版本即可)

附上连接:Node.js中文网下载链接

安装完成后,需要配置环境变量,在右击电脑-属性-高级系统设置-高级-环境变量-Path-编辑-添加-安装路径(例如:D:\Program Files\nodejs)。

Yarn、React Native的命令行工具

Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

在命令提示符窗口下输入  npminstall -g yarn react-native-cli

Android Studio

在Android Studio内可以下载所需的Android SDK和模拟器

附上链接(翻墙):Android官网下载链接

在安装时确定所有安装选项都勾选了,尤其是Android SDK和Android Device Emulator。

安装完成后,需要配置环境变量,在右击电脑-属性-高级系统设置-高级-环境变量-新建-ANDROID_HOME-SDK路径(例如:E:\sdk)。以及在Path-编辑-添加-sdk安装路径\tools(例如:E:\sdk\tools)和及在Path-编辑-添加-sdk安装路径\platform-tools(例如:E:\sdk\platform-tools)。


测试


在一个空白目录下,按住shift+右键,打开命令提示符窗口

输入 react-native init test

等全部加载完成并且不报错,即可下一步,安卓手机(模拟器)连接电脑,手机打开开发者模式-USB调试后

输入 cd test 回车

输入react-native run-android

一段时间后即可在手机中弹出这个test的项目。没有红色的界面即大功告成!


推荐


IDE

笔者尝试了一些编译器,最后选择WebStorm,个人感觉界面比较像Android Studio(同一公司开发),用起来轻车熟路,而且支持很多第三方插件,运行项目时不用输入命令行。

附上链接:jetbrains官网下载地址

下载完成后 在 “ license server ” 输入:http://idea.imsxm.com/。即可完成破解

模拟器

推荐之前在Android开发中的使用的模拟器Genymotion

附上链接:genymotion官网下载地址

需要注册下载,个人使用免费。


进阶


任何技术都免不了看开发文档

附上链接:

react native官网

react native中文网

最后祝读者学习愉快!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容