Web | Coding | Blog | SOHO

[React 隨筆]React Native 環境建置 – 適用於 iOS 開發

原訂寒假要推出 JavaScript 系列的文章,昨天不小心想摸一下 app,因此在今天寫下昨天建置環境的隨筆文章。

本篇使用的平台為 macOS Sierra (10.12.2)
此環境建置適用於 iOS 開發

事前準備:

  1. macOS Sierra (10.12.2)
  2. Xcode 最新版
  3. Terminal.app 終端機

♥ 首先:安裝 Homebrew

到 Homebrew 安裝Homebrew。
開啟終端機並貼上這串命令:

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

此刻可能會疑惑 Homebrew是什麼,
官網上簡單地寫著「macOS 缺少的套件管理工具」。

♥ 2:安裝 Node.js

安裝完 Homebrew 之後,繼續在終端機中貼上這串命令,來安裝 Node.js 。

brew install node

他會顯示 Updating Homebrew…
(每次貼上brew install node 都會更新一次 Homebrew)

在這期間都會下載一些檔案等等,所以請耐心等待~
如果出現錯誤,可以再重新貼上安裝 node.js的命令,安裝到好為止。

若已安裝成功,會看到如下方的提示:

Warning: node-7.4.0 already installed, it's just not linked.

 

♥ 3:安裝 watchman

安裝完 Node.js 之後,繼續在終端機中貼上這串命令,來安裝 watchman 。

brew install watchman

如果正確安裝完成,當你再次貼上該命令會出現如下的提示:

Warning: watchman-4.7.0 already installed

這時或許又會疑惑,watchman 又是做什麼的?

watchman 是Facebook 出品的一個開源碼檔案監控工具,用來監控檔案更動。
React Native 利用 watchman 來偵測程式碼的變化,以便重新建構。

 

♥ 4:安裝 React Native CLI 工具

安裝完 watchman 之後,繼續在終端機中貼上這串命令,來安裝 cli工具 。

npm install -g react-native-cli

Node Package Manager ( Node 套件管理員,簡稱 npm)。
它能夠輕易下載並管理專案所需的任何相依套件。


以上4個步驟若都安裝無誤, React Native 開發環境就已經建置完成囉~



React 隨筆系列 (點此閱讀所有 React 隨筆系列)
有任何問題也歡迎在底下留言,或到fb粉絲專頁發訊息給站長一起討論。


如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;
另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:

Comments

comments

如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:


© 2017 4xCode™ | Design:SC 站長

歡迎來到SC站長網站

 

本站文章不再更新,新文章將發表至

4 x ‘s Space 網站

 

謝謝您一直以來的支持,我們新網站見~

 

SC站長網站文章也會將慢慢轉移至新網站,

新網站連結 4-x.tw 點此前往,或點擊上方圖案)