iOS全棧之路，刻不容緩，快上車環境配置篇

weixin_34007020發表於2016-09-24

前言

其實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獲得最高許可權)