1 React Native 安裝應用創建新項目

創建一個新的項目

1 安裝 Homebrew

Homebrew是神馬 類比cocoapods

linux系統有個讓人蛋疼的通病,軟件包依賴,好在當前主流的兩大發行版本都自帶了解決方案,Red hat有yum,Ubuntu有apt-get

神馬,你用mac os,不好意Mac os木有類似的東東,淚奔中幾經折騰總算找到了第三方支持:Homebrew,Homebrew簡稱brew,是Mac OSX上的軟件包管理工具,能在Mac中方便的安裝軟件或者卸載軟件,可以說Homebrew就是mac下的apt-get、yum神器

Homebrew安裝

ruby?-e"$(curl?-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"

2 安裝Javascript運行環境 ?Node.js

看到Node.js這個名字,初學者可能會誤以為這是一個Javascript應用,事實上,Node.js采用C++語言編寫而成,是一個Javascript的運行環境。為什么采用C++語言呢?據Node.js創始人Ryan Dahl回憶,他最初希望采用Ruby來寫Node.js,但是后來發現Ruby虛擬機的性能不能滿足他的要求,后來他嘗試采用V8引擎,所以選擇了C++語言。既然不是Javascript應用,為何叫.js呢?因為Node.js是一個Javascript的運行環境。提到Javascript,大家首先想到的是日常使用的瀏覽器,現代瀏覽器包含了各種組件,包括渲染引擎、Javascript引擎等,其中Javascript引擎負責解釋執行網頁中的Javascript代碼。作為Web前端最重要的語言之一,Javascript一直是前端工程師的專利。不過,Node.js是一個后端的Javascript運行環境(支持的系統包括*nux、Windows),這意味著你可以編寫系統級或者服務器端的Javascript代碼,交給Node.js來解釋執行,簡單的命令類似于:

#node helloworld.js

Node.js采用了Google Chrome瀏覽器的V8引擎,性能很好,同時還提供了很多系統級的API,如文件操作、網絡編程等。瀏覽器端的Javascript代碼在運行時會受到各種安全性的限制,對客戶系統的操作有限。相比之下,Node.js則是一個全面的后臺運行時,為Javascript提供了其他語言能夠實現的許多功能。

brew install node

接著安裝 watchman。

brew install watchman

Watchman 是 Facebook 的文件監控器。React Native 用它來檢測代碼變化,以便重新編譯。

接著用下列指令安裝 React Native CLI 工具。

npminstall -g react-native-cli

NPM 是 Node 的包管理器。你可以將它想象成 Ruby 中的 RubyGems、iOS 的 CocoaPods,以及 Java 中的 Gradle/Maven 等。它能夠讓你更容易地下載和管理項目所需的任何相關項。

在終端窗口,切換到你想要保存項目的文件夾,然后運行以下命令。

react-nativeinit BookSearch

以上是用 CLI 工具來構建一個可以編譯和運行的 React Native 項目。當這個過程完成后,你會收到來自終端窗口的消息,在 Xcode 中打開 BookSearch.xcodeproj,并照常運行該應用程序。接下來模擬器將啟動你的應用,此外,將再打開一個終端窗口。當一個 React Native 應用啟動時,它將從以下網址加載 JavaScript 程序。

http://localhost:8081/index.ios.bundle

終端窗口打開后,會啟動 React Packager,并由服務器處理以上請求。React Packager 負責讀取并構建 JSX(之后會介紹)和 JavaScript 代碼。

運行應用時,你會看到下圖的模擬器。如果你要在設備上運行,應該按照以下幾個步驟。


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

推薦閱讀更多精彩內容