React Native學習(二)-搭建開發環境(Mac)

一.安裝Homebrew

什么是Homebrew?

Homebrew是一款Mac OS平臺下的軟件包管理工具,擁有安裝、卸載、更新、查看、搜索等很多實用的功能.簡單的一條指令,就可以實現包管理,而不用你關心各種依賴和文件路徑的情況,十分方便快捷.

image

安裝Homebrew:

將以下命令粘貼至終端。

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

Homebrew介紹和使用

二.安裝Node

什么是Node

Node.js 是一個基于 Chrome V8 引擎的 JavaScript 運行環境。(React Native開發語言是JavaScript,Node.js是其運行環境) .
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效

安裝Node

$ brew install node

默認安裝最新版本
Node.js中文文檔

三.安裝Watchman

什么是Watchman

Watchman是由 Facebook 提供的監視文件系統變更的工具。安裝此工具可以提高開發時的性能(packager 可以快速捕捉文件的變化從而實現實時刷新)。

安裝Watchman

$ brew install watchman

四.npm

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平臺的默認包管理工具。通過 npm 可以安裝、共享、分發代碼,管理項目依賴關系.

安裝node.js時,npm將自動安裝,npm會伴隨Node.js的更新而更新, 所以可以確保使用最新的npm.

設置npm鏡像源

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

五.安裝Yarn、React Native 的命令行工具(react-native-cli)

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模塊的下載。React Native 的命令行工具用于執行創建、初始化、更新項目、運行打包服務(packager)等任務。

安裝Yarn、react-native-cli

$ npm install -g yarn react-native-cli

設置 yarn 鏡像源

$ yarn config set registry https://registry.npm.taobao.org --global
$ yarn config set disturl https://npm.taobao.org/dist --global

安裝完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方庫名代替npm install 某第三方庫名。

六.安裝Xcode

什么是Xcode

Xcode是iOS開發者工具(IDE),React Native開發的App需要通過Xcode的命令行工具將程序程序轉換成可以在iOS系統上運行的App,Xcode同時提供iOS模擬器,方便進行調試.
React Native 目前需要Xcode 9.4 或更高版本。你可以通過 App Store 或是到Apple 開發者官網上下載。這一步驟會同時安裝 Xcode IDE、Xcode 的命令行工具和 iOS 模擬器。

Xcode 的命令行工具

啟動 Xcode,并在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個版本的Command Line Tools。Xcode 的命令行工具中包含一些必須的工具,比如git等


image.png

OVER


此時一個不諳世事的小學生路過

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容