美文网首页iOS开发之技能点iOS学习锻炼吃饭的家伙
iOS全棧之路,刻不容缓,快上车环境配置篇

iOS全棧之路,刻不容缓,快上车环境配置篇

作者: 子祖 | 来源:发表于2016-09-24 22:56 被阅读1258次

    前言

    其实iOS早就已经不火了,现在随便发个招聘每天都有几百份简历,所以我打算通过这个教程让某部分人走上救赎之路,这次我主要想分享通过JS中的React Native,保持竞争力,只要你认真跟着学习,10天可以让你有一个质的改变,如果有人零基础的,也可以留言,我想办法补一些更基础的教程。

    后面的小项目会让大家看到用RN写一个类似网易新闻的小型app(只需几个小时),开发速度和流畅度是如此惊人,而且体积是oc代码一半不到,也从中了解到为什么苹果要打算放弃OC,全面进入swift了

    本次内容

    之前已经介绍了不少基础教程,结果被喷了不少,说太简单,本次内容主要介绍快速搭建环境,我们这里用webstorm这个强大的集成软件写代码,这里顺便补一句:麻烦大家评论时下手轻一点,对那些真的有兴趣的人也是不公平的!

    React Native.js除了开发全棧应用之外,可以弥补iOS很多的问题,因为苹果本身是封闭的,如果要修改app的bug需要上传ipa包还有等待认证,但是js这些框架却能完美解决一下这些问题,另外框架的底层都是利用了iOS的runtime机制,真的有必要好好的研究和学习,无论你是移动端还是前端,趋势是不可阻挡的

    (一)时下两大移动互联网主流技术

       BAT等一线互联网公司的插件化,热修改等技术
    
       React Native技术(2016年,随着Android版本的稳定,更加火爆)
    

    (二)React Native介绍

     Facebook于2015年9月15日发布React Native
    
     广大开发者可以使用JavaScript和React开发跨平台移动应用
    
     React Native提倡组件化开发: 即提供一个个封装好的组件,组件相互嵌套形成新的组件
    

    (三)React Native的优势

      跨平台开发
    
     运用React Native,我们可以使用同一份业务逻辑核心代码来创建原生应用运行在Web端,Android端和iOS端;
    
      追求极致的用户体验:实时热部署     
    
      learn once,write everywhere (最具魅力)
    
      React Native不强求一份原生代码支持多个平台,所以不提“Write once, run anywhere”(Java),提出了“Learn once, write anywhere”。
    

    这里主要介绍Mac系统下的

    一、环境需求

    1.1 安装Homebrew
    Homebrew是OS X的套件(包)管理器,我们可以通过它获取并且安装很多组件
    安装方式:
    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    命令行执行brew -v进行检查brew是否已经安装成功
    1.2 安装npm 和 Node.js
    Node.js最好安装4.0及其以上更高版本,node安装成功后npm自动也就有了,直接下载安装Node.js,网址:https://nodejs.org/en/download/
    1.3 安装WatchMan
    该插件用于监控bug文件和文件变化 ,并且可以触发指定的操作
    安装方式
    brew install watchman

    1.3 安装Flow
    flow是一个 JavaScript 的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误
    安装方式
    brew install flow

    (注意:如果提示command not found,请加上sudo获得最高权限)

    二、React Native安装

    2.1 安装React Native
    npm install -g react-native-cli

    三、 ios开发环境需求

    Xcode 7 及其以上更高版本,安装Xcode

    四、 Android开发环境需求

    直接安装android studio

    五、测试是否完好安装

    cd 安装目录
    react-native init + 项目名称(不能以数字和字符开头)


    出现以上的文字以后就是建好一个项目并成功运行在本地的服务器里面啦,我们可以打开里面的iOS工程文档看看!

    点击iOS文件夹,打开项目并且运行,看到下面界面就代表完全成功啦

    最后把一开始创建的


    文档拖到webstorm 就可以用H5开始全棧之路啦

    我是子祖,来了就点个赞再走,喜欢就关注我,我还会陆续更新更多项目让大家去练手,或者你有什么语言想了解的都可以和我聊聊!

    相关文章

      网友评论

      • HenryPeng:RN仅仅只是作为一个跨平台的解决方案,并不能代替原生开发的地位。展示类型的APP可以完全胜任,但是复杂且大型APP就不能够胜任了。
        子祖:@HenryPeng 都是开源的,自己去搜一下吧…
        HenryPeng:@子祖 你只看到了运用了rn而不是完全用rn取代原生开发。要看本质啊,它们采用的方案应该是 JS + Objective-C【或swift】 + Java,就是在 Android 里使用 JS+Java ,在 iOS 里面使用 Objective-C【或swift】,然后在最上层用一个统一的 API。对应用层工程师而言是跨平台的,也就是说在 Android 和 iOS 里面写的代码是完全一样的,但是底层都会用 Java 和 Objective-C 做一定的工作。这就是大型应用的解决方案,所以代替是不可能的,RN要取代原生开发在大型APP是无法胜任的。
        子祖:@HenryPeng 你用过facebook没有?用过天猫没有?用过qq音乐没有?那就是rn写的
      • xiaomayi2012:js得学到什么程度
      • 116df28d539a:期待更新:clap:
      • 我是何先生:我如今初学,还是有很多人推荐学OC :cold_sweat:
        子祖:@糜烂的东西 问题多也是,但oc你出来基本找不到工作,必须一起学
        我是何先生:@子祖 不是说swift问题多吗? 大部分都说等过几年稳定了再上手挺快的
        子祖:@糜烂的东西 因为旧项目都是oc,而且很多人堆在oc上,肯定想拉人进来,我也会oc,但这门语言嘛…有很多问题
      • 鋼鉄侠:这算啥?说文档?
        子祖:@鋼鉄侠 你都配置好了吗?我第一次配置用了一天
        鋼鉄侠:@子祖 赶快来点干货吧,怎么整?
        子祖:@鋼鉄侠 一步步来
      • fd09339b49f0:webstorm你是用的破解版还是自己买正版?
        子祖:@heheda2016 百度一下吧,很多的
      • EmptyWalker:标题很吸引人 :stuck_out_tongue:
      • 2b1ed5b649ed:编程软件:Deco https://www.decosoftware.com/
        在线文档:React Native 中文网 http://reactnative.cn/
        Come On !
      • nonooon:如果app复杂了点,要使用打印 蓝牙诸如此类的硬件或者原生的东西,还是弊端太大
        子祖:@iOSfeng 但是oc体积太大,swift也还没稳定,rn过渡是个不错选择,特别在热修复这块
      • liuxliang:理财734/:3@74=@373-7,@7=@7+7@,77=74/@:7,,*#37:,%7#73@,#_7 6#99%.34
        吃@.:,@@=

        ,=7😔🈴🈳
        @.73.1.37 @
      • 2c955e09a231:加油
        子祖:@猛犸西 谢谢

      本文标题:iOS全棧之路,刻不容缓,快上车环境配置篇

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