iOS全棧之路,刻不容缓,快上车环境配置篇
前言
其实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开始全棧之路啦
我是子祖,来了就点个赞再走,喜欢就关注我,我还会陆续更新更多项目让大家去练手,或者你有什么语言想了解的都可以和我聊聊!