美文网首页
React Native 的安装方法以及推荐IDE

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

作者: ThinkinMew | 来源:发表于2017-06-09 11:37 被阅读0次

          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中文网

    最后祝读者学习愉快!

    相关文章

      网友评论

          本文标题:React Native 的安装方法以及推荐IDE

          本文链接:https://www.haomeiwen.com/subject/azvxqxtx.html