在Mac搭建react-native iOS開發環境
針對純新手的一篇文章。
假設有一臺剛剛重灌系統的mac。或者嶄新的mac電腦。
按照官方教程,需要使用homebrew安裝node和watchman。
1. 開啟終端,檢視電腦是否安裝homebrew
brew -v

2.如果沒有安裝,則需要安裝homebrew
開啟官網檢視安裝方法,貼上指令到終端
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"



3.安裝xcode
開啟appstore,搜尋xcode

安裝過程中,需要輸入Apple ID,輸入自己已有的賬號即可。

4.xcode安裝元件
Xcode安裝完畢後,需要開啟執行一下,這個時候會提示需要安裝一些元件,點選同意即可


5.開啟終端,再次執行安裝homebrew的指令

6.使用homebrew安裝node
brew install node

7.安裝watchman
brew install watchman

8.(可選)設定映象或者科學上網,以加速後面的安裝過程
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
9.下載yarn
npm install -g yarn react-native-cli
10.設定yarn映象
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
11. 建立專案
react-native init AwesomeProject
12.環境搭建完畢
相關文章
- Mac配置React-Native開發環境MacReact開發環境
- 在 Windows 上搭建 React Native IOS 開發環境WindowsReact NativeiOS開發環境
- 使用multipass在mac搭建linux開發環境MacLinux開發環境
- 在Mac OS中搭建superset開發環境Mac開發環境
- 搭建Flutter-iOS開發環境FlutteriOS開發環境
- ionic開發環境搭建之ios開發環境iOS
- Mac 搭建 PHP 開發環境MacPHP開發環境
- Mac搭建Flutter開發環境MacFlutter開發環境
- React-Native環境搭建(windows)ReactWindows
- mac下搭建android 開發環境MacAndroid開發環境
- mac搭建hadoop開發環境(二)MacHadoop開發環境
- MAC環境下PHP開發除錯環境搭建MacPHP除錯
- react-native 環境搭建(1/4)React
- MAC 下的PHP開發環境搭建MacPHP開發環境
- VSCode for Mac 搭建 Common Lisp 開發環境VSCodeMacLisp開發環境
- Mac 中 Ios 與 Android 的 react-native 測試環境配置MaciOSAndroidReact
- Get Started:Mac下搭建PHP開發環境MacPHP開發環境
- 筆記-Flutter開發環境搭建Mac版筆記Flutter開發環境Mac
- 搭建基於 Mac 的 Flutter 開發環境MacFlutter開發環境
- Mac 後端入門開發環境搭建Mac後端開發環境
- 在 macOS Catalina 10.15 搭建 PHP 開發環境MacPHP開發環境
- 在Windows10搭建WebAssembly開發環境WindowsWeb開發環境
- iOS逆向環境搭建iOS
- iOS開發之runtime(一):runtime除錯環境搭建iOS除錯
- Flutter開發入門之開發環境搭建(VSCode搭建Flutter開發環境)Flutter開發環境VSCode
- Mac搭建PHP開發環境(PHP+Nginx+MySQL)MacPHP開發環境NginxMySql
- mac搭建環境Mac
- 在Mac下怎麼搭建MySQL環境?MacMySql
- Mac Appium環境搭建及連線ios真機MacAPPiOS
- 1 – 搭建開發環境開發環境
- Androdi開發環境搭建開發環境
- Cordova 開發環境搭建開發環境
- GeoServer開發環境搭建Server開發環境
- Qt開發環境搭建QT開發環境
- 前端開發環境搭建前端開發環境
- QEMU 開發環境搭建開發環境
- 搭建go開發環境Go開發環境
- JAVA開發環境搭建Java開發環境