美文网首页暂时没看却需要看的iOS DeveloperiOS技术交流收藏
iOS开发RN学习笔记(一)环境搭建以及项目的创建

iOS开发RN学习笔记(一)环境搭建以及项目的创建

作者: Link913 | 来源:发表于2016-09-06 13:37 被阅读4032次

    Reacet-Native学习笔记以及demo在github的地址

    开篇

    简介

    Reacet Native 是facebook公司推出的一款能够跨平台开发的框架,其能够使用js来达到安卓端和iOS端共用一套代码开发的目的.Reacet Native 的核心设计理念是:即拥有Reacet的开发效率,又能拥有Native的用户体验.

    Reacet-Native 在github的地址

    Reacet-Native 官网地址

    开发前注意

    iOS目前支持7.0以上版本,Android支持4.1以上版本

    开发环境配置

    环境需求

    • 安装Homebrew

    在终端中输入下面的命令,执行的速度可能比较慢,请耐心等待其执行完成

        ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    

    在终端中输入下面的命令验证是否安装成功

        brew -v
    
    • 安装npm和Node.js

    下载地址,下载完成后请手动运行安装,建议使用4.4.4版本

    • 安装watchMan

    该插件用于监控bug文件和文件变化 ,并且可以触发指定的操作,在终端中输入下面的命令就可以了

        brew install watchman
    
    • 安装Flow

    flow是一个 JavaScript 的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误,在终端输入下面的代码,如果提示command not found,请加上sudo获得最高权限

        brew install flow
    

    React Native安装

    在终端输入

         npm install -g react-native-cli
    

    至此Reacet Native的环境就已经全部安装好了

    创建Reacet Native项目

    在终端中输入下面命令

         react-native init 项目名称
    

    如果速度较慢,可以将npm仓库源替换为国内镜像:

        npm config set registry https://registry.npm.taobao.org
        npm config set disturl https://npm.taobao.org/dist
    

    默认生成了三个文件夹,android和ios(iOS)为两个平台的原生项目,index.android.js和index.ios.js为android和ios平台下的空壳应用文件,我们的代码一般就写在这两个文件内,客户端那边不用重新run就可以看到效果,node_modules文件夹主要是存放框架资源.

    对index.ios.js文件的编写软件以及提示插件的安装

    我们采用的是WebStorm来对js文件来进行编写,由于直接编写并没有代码提示,所以这里要安装一个插件,下载地址,下载完成后file -> import settings -> ReactNative.jar ,完成之后就可以像Xcode那样能够自动提示了.

    相关文章

      网友评论

      • 大志_lxl:demo地址404了,换新的地址了吗 求地址哈正在学习 谢谢
        Link913:@大志_lxl https://gitee.com/lumic/SouApp 发你一个同事最近写的,先看一下吧,基本上该有的功能都有
        大志_lxl:@已删号这名字都有人用 269481677@qq.com 谢谢!
        Link913:不小心被我删掉了,你留个邮箱吧,我抽空整理下发你一个demo
      • hzy1314:大神你好,按照你的步骤,项目就是运行不起来,能加个好友帮忙看看吗,我的qq:767915479,谢谢
        hzy1314:@SkyHarute 嗯,好的
        Link913:关注下我朋友Zax_Jonson,我朋友专门写RN的,我当时按照这个步骤可以的

      本文标题:iOS开发RN学习笔记(一)环境搭建以及项目的创建

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