Mac系統下React Native環境搭建

2021-07-26 13:26:29 字數 1759 閱讀 1428

這裡記錄一下在mac系統下搭建react native開發環境的過程:

1. 安裝homebrew:

/usr/bin/ruby -e "$(curl -fssl "
安裝完後如下所示:

可使用命令:」brew -v「檢視其版本。

3. 安裝react native的命令列工具:(需要sudo來安裝,有些目錄需要高階許可權)

4. 安裝watchman,它是由facebook提供的監視檔案系統變更的工具。(下面兩個工具推薦安裝)

brew install watchman
5. 安裝flow,它是乙個靜態的js型別檢查工具,可方便找出**中可能存在的型別錯誤。

brew install flow
6. 接下來就可以建立專案了:

出現這個錯誤,需要檢查一下node版本,需要4.0以上。(之前的node使用了系統原來的--v0.4.1,這裡修改path環境變數,指向我們安裝的。)    

再次執行,出現如下錯誤:

安裝nvm: 

安裝cnpm: 

sudo npm install cnpm -g
安裝invariant:

npm install invariant -g
再次執行:

新建專案成功,看看目錄結構:

在新建專案成功後,react也告訴我們該怎麼執行:react-native run-***。

注意,使用小公尺手機,需要在開發者模式把"miui優化"關閉,否則,無法直接安裝apk:

現在進入專案根目錄執行"react-native run-android",可以看到,rn伺服器端首先被啟動:

啟動過程中輸出:

安裝完後,手機截圖如下:

類似,也可以執行"react-native run-ios"來開啟模擬器執行,或直接開啟xcode專案來run。

Mac系統下配置php

1 啟動apache 在終端中輸入 sudo apachectl start 2 檢視apache版本 sudo apachectl v 3 apache預設安裝在 private etc apache2 可在 前往資料夾 中搜尋 4 啟動php 4.1 在 private etc apache2 ...

Mac系統下配置ChromeDriver

最近好久沒記錄了,今天分享一下chromedriver的配置 阿里雲伺服器配置後續分享。在pycharm下執行python專案報錯,已確認正確載入了庫 from selenium import webdriver原來是需要用到selenium庫下的webdriver chrome,缺少chrome驅...

mac系統下清除eciplse svn外掛程式使用者資訊

感謝小熊blog 是他解決了我的問題 是 以mac os x為例 unix linux類似 1 開啟命令列視窗,即使用者的根目錄 使用者的home目錄 ls al drwxr xr x 6 linxyz staff 204 2 15 15 55 subversion cd subversion au...