<button id="9slfp"><object id="9slfp"></object></button>
<button id="9slfp"><object id="9slfp"><menuitem id="9slfp"></menuitem></object></button>
    <em id="9slfp"></em>
    <button id="9slfp"><acronym id="9slfp"><input id="9slfp"></input></acronym></button>
  • 免費開源的iOS開發學習平臺

    React Native基礎:1-搭建React Native開發環境

    React Native使你能夠在Javascript和React的基礎上獲得完全一致的開發體驗,構建世界一流的原生APP。React Native著力于提高多平臺開發的開發效率 —— 僅需學習一次,即可編寫任何平臺的APP應用。React Native由Facebook創立,Facebook已經在多項產品中使用了React Native,并且將持續地投入建設React Native。本節會幫助你搭建基本的React Native開發環境。

    在搭建React Native開發環境之前,我們需要提前在Mac電腦上預裝幾個工具軟件,這幾個軟件都是Mac平臺下開發React Native所必須的。

    Homebrew

    Homebrew是Mac OS X系統的包管理器,用于安裝Node.js和一些其他必需的工具軟件,號稱Mac系統下不可或缺的套件管理器,用來安裝套件十分方便。

    Homebrew的安裝十分方便,將下面腳本拷貝到終端里面,執行完畢之后安裝完成了。

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

    安裝完成后,我們可以執行如下命令查看是否安裝成功,該命令執行成功后,可以查看Homebrew的版本號。

    brew --version
    

    如果我們之前已經安裝過Homebrew,也可以執行如下命令升級Homebrew的版本。

    brew update
    

    Node.js

    接下來我們需要安裝JavaScript的運行環境。在終端中執行如下命令安裝Node.js,運行結果如下所示。

    brew install node
    

    Node.js安裝完成后,可以嘗試把NPM的安裝源替換成國內的地址,這樣可以提高React Native依賴組件的下載速度。NPM是隨同Node.js一起安裝的包管理工具。

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

    Node.js安裝完成后,可以執行如下命令查看Node.js版本。需要確認Node.js的版本高于4.0,如果低于4.0,則需要手工升級Node.js版本。

    node -v
    

    執行如下命令升級Node.js版本。

    npm install -g n
    sudo n stable
    

    React Native的命令行工具(react-native-cli)

    React Native的命令行工具--react-native-cli,可以用于執行創建、初始化、更新項目、運行打包服務(packager)等任務,可以通過NPM來安裝React Native的命令行工具,安裝成功后可以看到如下提示。命令中"-g"參數表示安裝的命令行工具應用到全局環境,可以在任何目錄都能執行react-native命令。

    npm install -g react-native-cli
    

    Xcode

    Xcode是蘋果公司向開發人員提供的集成開發環境(IDE),用于開發MacOS,iOS,iWatch, AppleTV的應用程序。Xcode只能運行在蘋果公司的Mac操作系統上運行。React Native目前需要Xcode 7.0 或更高版本,可以通過App Store或是到Apple開發者官網上下載。

    Flow

    Flow是Facebook推出的一款開源JavaScript靜態類型檢查器, 旨在發現JavaScript程序中的類型錯誤, 以提高程序員的效率和代碼質量。我們可以通過brew來安裝Flow,安裝成功后可以看到如下提示。

    brew install flow
    

    開發IDE--Nuclide

    集成開發環境(IDE,Integrated Development Environment )是用于提供程序開發環境的應用程序,一般包括代碼編輯器、編譯器、調試器和圖形用戶界面等工具。一般來說一個好的IDE能極大的提高我們的開發效率。Facebook官方推薦Nuclide(https://nuclide.io)作為開發React Native的IDE。

    Nuclide是由Facebook提供的一款基于Atom的開源集成開發環境(IDE),可用于編寫、運行和調試React Native應用,該項目的官方地址為:https://github.com/facebook/nuclide。Nuclide同時支持MAC OS X和Linux平臺。我們按照下面的步驟安裝Nuclide。

    1. 下載Atom安裝文件,可以訪問Atom官網下載鏈接https://atom.io/download/mac。
    2. 雙擊下載得到的Atom安裝文件,可以得到Atom.app,移動到應用程序目錄。
    3. 打開Atom,選擇【Atom】->【Preferences】。
    4. 在Settings選擇【Install】。
    5. 在搜索框中輸入“Nuclide”按回車開始搜索。
    6. 點擊安裝Nuclide包。

    安裝成功后,可以顯示如下提示界面。

    測試開發環境

    安裝完上述幾個軟件后,我們就可以通過react-native命令來創建一個測試項目,并運行看看效果。

    • 首先通過react-native命令行工具創建了一個AwesomeProject項目。
    react-native init AwesomeProject
    

    • 進入AwesomeProject工程目錄。
    cd AwesomeProject
    
    • 執行如下命令來運行程序,此時iOS模擬器會自動啟動。
    react-native run-ios
    

    如果看到iOS模擬器顯示如下界面就要恭喜你了,它表示已經成功地搭建的React Native的開發環境,接下來將正式開始我們的React Native之旅。


    精品h动漫无遮挡在线看中文|久久精品国产精品亚洲艾草|久久亚洲春色中文字幕|精品人妻少妇一区二区三区|欧美精品v国产精品v

    <button id="9slfp"><object id="9slfp"></object></button>
    <button id="9slfp"><object id="9slfp"><menuitem id="9slfp"></menuitem></object></button>
    <em id="9slfp"></em>
    <button id="9slfp"><acronym id="9slfp"><input id="9slfp"></input></acronym></button>