一步步搭建react-native環境(蘋果OS X)

来源:http://www.cnblogs.com/GloomHu/archive/2016/03/26/5323147.html
-Advertisement-
Play Games

因重新升級了系統,一步步搭建react-native環境。 1、安裝Homebrew 打開終端命令->ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" (註:ruby命令 ...


因重新升級了系統,一步步搭建react-native環境。

  • 1、安裝Homebrew

  打開終端命令->ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  (註:ruby命令蘋果系統自帶的,如果沒有則需安裝。)

  等待安裝完成,輸入 brew -v是否已經安裝成功。

  • 2、安裝curl

  使用brew來安裝curl(也可以使用wget)->brew install curl(或brew install wget)

  • 3、安裝nvm並授權

  使用curl安裝->curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash 如圖:

                 

  提示~/.bash_profile文件不存在,先進入目錄->cd ~ 創建文件->touch .bash_profile(如果存在則不用創建),

  然後打開文件->open .bash_profile。

  然後把上面提示export開始到=>中間的的信息內容放到文件內,保存。退出終端重新打開。  

  檢測->nvm  --version是否安裝成功(出現版本號則表示已經成功。)

  • 4、安裝node.js

  使用nvm安裝->nvm install node && nvm alias default node 如圖:

             

   nvm 預設是從http://nodejs.org/dist/下載的, 國外伺服器, 連不上則會失敗,可以多試幾次,如果總是失敗。

    試試用brew安裝->brew install node

    安裝成功完後,檢測是否成功。
  • 5、安裝watchmam和flow
      使用brew安裝->brew install watchman     使用brew安裝->brew install flow  
  • 6、更新最新版本。
      時時檢測以使應用程式保持最新狀態-> brew update && brew upgrade  
  • 7、裝react-native
      使用npm全局安裝->npm install -g react-native-cli(npm命令是在安裝node自動安裝好的)     裝好後檢測下是否成功。->react-native -vision  
  • 8、創建第一個應用
    裝好xcode,進入存放的目錄->cd /Users/GloomHu/desktop     由於網路問題init項目時會失敗。把npm切到國內來        ->npm config set registry https://registry.npm.taobao.org     ->npm config set disturl https://npm.taobao.org/dist
    使用react native創建第一個應用->react-native init GloomHuProject(GloomHuProject是項目名稱)           等待幾分鐘就完成。如圖:                           找到項目生成的目錄用xcode打開ios/GloomHuProject.xcodeproj,隨意修改index.ios.js看看內容,直接run運行。如圖:                       
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 展示效果如下: 大家可以看到這個界面很簡單,其實就是UITableView的佈局, 但是難點是在於如何從網上下載這些圖片,下載之後應如何進行存儲! 我們一步一步進行解析,先從單線程(主線程)進行多圖片下載 我們佈局上的文字及圖片的地址從plist文件中進行讀取 根據結構,我們自定義一個數據模型文件 ...
  • 今天在寫項目的時候,遇到了一件令人抓狂的事情。 正如標題所示,被這個方法弄的團團轉。 -(void)scrollViewDidEndScrollingAnimation:是協議里的方法。 意味當動畫結束時調用。 動畫?為什麼會有動畫呢? setContentOffset: animated: -這一 ...
  • 該教程主要介紹如何用react native來開發iOS,所以首先,你需要有一臺mac,當然黑蘋果也是可以的~ 創建一個react native的項目只需要安裝以下五個組件~~(但....坑爹的是,不翻牆的話安裝慢成狗呀) 1. 安裝 xcode 做過ios相關開發的都知道這個,作為ios開發的首席 ...
  • 廣播的概念 現實中:我們常常使用電臺通過發送廣播發佈消息,買個收音機,就能收聽 Android:系統在產生某個事件時發送廣播,應用程式使用廣播接收者接收這個廣播,就知道系統產生了什麼事件。Android系統在運行的過程中,會產生很多事件,比如開機、電量改變、收發簡訊、撥打電話、屏幕解鎖 廣播接收者的 ...
  • 本篇主要講述在 OC 開發中主要涉及到的運行時機制: 運行時的工作: 運行時在 OC 中的工作:OC 語言的設計模式決定了儘可能的把程式從編譯和鏈接時推遲到運行時。只要有可能,OC 總是使用動態的方式來解決問題。這意味著 OC 語言不僅需要一個編譯器,同時也需要一個運行時系統來執行編譯好的代碼。這兒 ...
  • Atitit.反編譯apk android源碼以及防止反編譯apk 1.1. Tool apk逆向助手1 1.2. 二、使用dex2jar + jd-gui 得到apk的java源碼1 1.3. 用命令(dex2jar.bat classes.dex)得到一個 jar文件1 2. Apk文件的結構2 ...
  • 一個但凡涉及到用戶信息的應用,總少不了設置用戶圖像這個小功能。之前做這塊的時候只是簡單的複製粘貼導致最近再做這個功能的時候,卻發現問題很多,拍照及相冊選擇後啟動系統裁剪要不崩潰要不就是沒有返回數據,今天好好梳理一下這個功能。 調用系統拍照界面: 調用系統相冊界面: 這裡補充一下,很多網友都說andr ...
  • 在AndroidManifest.xml文件中有<application android:theme="@style/AppTheme">,其中的@style/AppTheme是引用的res/values/styles.xml 中的主題樣式,也有可能是引用的 res/values-v11/style ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...