Home ⭐ Setup Mobile Development Environment (Tested on macOS M1+Intel)
Post
Cancel

⭐ Setup Mobile Development Environment (Tested on macOS M1+Intel)

Posted 2022-02-23 Updated 2022-02-23 8 min read

Install HomeBrew

1
2
3
4
5
6
7
8

## Install xcode utils
xcode-select --install
## Install Brew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
## Check that everything is Ok
brew doctor
## To update HomeBrew
brew update

To update/upgrade a brew package just run :

1

brew reinstall PACKAGE_NAME

Add HomeBrew to Your Path

1
2

HBP=`brew --prefix`
export PATH=$HBP/bin:$PATH

Apple M1 Support

Add this alias to .zshrc

1

alias brew="arch -arm64 brew"

Install ZSH

1

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

🔆 Configure Zsh in a clever way

Clone the following repository and follow the described steps zshconfig

(The above tool is fully automated and available for Intel & M1 Mac)

Install PowerLvl Template + Zsh Plugins

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

## Install Power10k :
git clone https://github.com/romkatv/powerlevel10k.git $ZSH_CUSTOM/themes/powerlevel10k
### change ZSH_THEME to : ZSH_THEME="powerlevel10k/powerlevel10k"
### then run :
p10k configure

## Or

## Install Power9k :
git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k
### change them in .zshrc  : ZSH_THEME="powerlevel9k/powerlevel9k"

## Install Auto-Suggestion :
git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
### Edit .zshrc & add in plugins array : plugins=(zsh-autosuggestions)

## Install Syntaxe Hylight :
brew install zsh-syntax-highlighting
## Copy/Paste in .zshrc before rvm Config : source `brew --prefix`/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh >> /Users/$(whoami)/.zshrc

## Install Completion : 
git clone https://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
### Edit .zshrc & add in plugins : plugins=(zsh-autosuggestions)

Don’t forget to import Meslo Font into iTerm -> Preferences -> Profiles -> “Selected Profile” -> Text -> Font -> Select the Meslo font you want to use.

Install Git

1
2

brew install git
brew install git-lfs

Install Git Flow

1

brew install git-flow

Install Sublime Text

1

brew install --cask sublime-text

1

brew install --cask fork

Install iTerm

1

brew install --cask iterm2

Install PowerLine Fonts for iTerm (Optionnal) :

1
2
3
4
5
6

# clone
git clone https://github.com/powerline/fonts.git --depth=1
# install
cd fonts && ./install.sh
# clean-up a bit
cd .. && rm -rf fonts

Install Ruby

Recommended using : rbenv

Globally :

  1. Install and configure rbenv
    1

    brew install rbenv

    then add this 2 line to .zshrc or .bashrc

    1
2

    export PATH="$HOME/.rbenv/bin:$PATH"
eval "$(rbenv init -)"
  2. Install ruby version 2.7.4
    1

    rbenv install 2.7.4
  3. Set Global ruby version
    1

    rbenv global 2.7.4
  4. Install latest version of bundler
    1

    gem install bundler:2.2.19 -n /usr/local/bin

Under you project :

Set local ruby version

1

rbenv local 2.7.4

If you need to run bundle install you need to run instead this :

1

bundle install --path vendor/bundle

M1 Support

Add the following to your .zshrc

1

alias gem="arch -x86_64 sudo gem"

Please run the following scripts too !

1

gem install --user-install ffi -- --enable-libffi-alloc

More Options :

Install CocoaPods :

1

sudo gem install cocoapods -n /usr/local/bin

M1 Support

Add this to .zshrc

1

alias pod="arch -arm64 pod"

No Need to install on macOS ! Don’t forget to check the SPM Aliases !

Install XCode

Many options to download Xcode you can use the following

Recommended Using : Xcodes

1
2
3
4
5
6
7
8

# Install xcodes
brew install robotsandpencils/made/xcodes

# list available xcode versions
xcodes list

# Install XCode
xcodes install 13 Beta 5

Before running xcodes, export this environment variables :

1
2

export XCODES_USERNAME=""
export XCODES_PASSWORD=""

Others :

Install iOS Simulator :

Install xcode-install

1

sudo gem install xcode-install

Display all simulators By name

1

xcversion simulators

Install a Simulator

1

xcversion simulators --install="iOS 14.4 Simulator"

Display all availables devices and simulators ByIds

1

xcrun simctl list

Output Example :

1
2
3

D9C60396-FC76-4693-AEE2-84AA7C8EB200 (active, disconnected)
    Watch: Apple Watch Series 6 - 44mm (FE1A98F8-C2F2-446D-B436-B484B1D87837) (Shutdown)
    Phone: iPhone 12 Pro Max (7395B23C-9AAE-4CEB-8FCC-82A70FCE0553) (Shutdown)

Open Simualtor/Device ById

I advice to add this alias to your config :

1

alias sim="/Applications/Xcode.app/Contents/Developer/Applications/Simulator.app/Contents/MacOS/Simulator -CurrentDeviceUDID"

Then just run :

1

sim D9C60396-FC76-4693-AEE2-84AA7C8EB200

(ex. From above the DeviceUDID is : D9C60396-FC76-4693-AEE2-84AA7C8EB200)

To Open latest iOS Simulator

1

open -a Simulator

Install Java JDK :

Using Jabba “Java Version Manager” (Recommanded)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

# Install Jabba 
echo $'\nnexport JABBA_VERSION="0.11.2"\n' >> /Users/$(whoami)/.zshrc
curl -sL https://github.com/shyiko/jabba/raw/master/install.sh | bash && . ~/.jabba/jabba.sh

# Verify this line is in .zshrc (Should be added automatically)
[ -s "/Users/$(whoami)/.jabba/jabba.sh" ] && source "/Users/$(whoami)/.jabba/jabba.sh"

# List available java versions
jabba ls-remote

# Install JDK 16
jabba install openjdk@1.16.0

# Verify java version
java -version

## The result should be : 
# openjdk 16.0.1 2021-04-20
# OpenJDK Runtime Environment (build 16.0.1+9-24)
# OpenJDK 64-Bit Server VM (build 16.0.1+9-24, mixed mode, sharing)

# Switch to a different Java version (need to first be installed using Jabba)
jabba use ...

# Don't forget to export JAVA_HOME
echo $"\nexport JAVA_HOME=/Users/$(whoami)/.jabba/jdk/openjdk@1.16.0/Contents/Home\n" >> /Users/$(whoami)/.zshrc
echo $"\nexport PATH=$JAVA_HOME:$PATH\n" >> /Users/$(whoami)/.zshrc

Old way :

1
2
3
4

brew tap adoptopenjdk/openjdk
brew install --cask adoptopenjdk8
echo $"\nexport JAVA_HOME=/Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home/\n" >> /Users/$(whoami)/.zshrc
echo $"\nexport PATH=$JAVA_HOME:$PATH\n" >> /Users/$(whoami)/.zshrc

Install Gradle

1
2
3
4

## In my case latest version of gradle was : 7.3.3
brew install gradle
echo $"\nexport GRADLE_HOME=/usr/local/Cellar/gradle/7.3.3\n" >> /Users/$(whoami)/.zshrc
echo $"\nexport PATH=$GRADLE_HOME/bin:$PATH\n" >> /Users/$(whoami)/.zshrc

Install Android Studio + SDK + NDK

Install Android studio

1

brew install --cask android-studio

Install Android SDK (sdkmanager, avdmanager, lint, retrace, screenshot2, apkanalyzer)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

## Since android-sdk is deprecated
brew install --cask android-commandlinetools

# Export some paths
echo $"\nexport ANDROID_HOME=`brew --prefix`/share/android-commandlinetools\n" >> /Users/$(whoami)/.zshrc
echo $"\nexport PATH=$ANDROID_HOME:$PATH\n" >> /Users/$(whoami)/.zshrc

echo $"\nexport SDK_MANAGER=`brew --prefix`/bin/sdkmanager\n" >> /Users/$(whoami)/.zshrc
echo $"\nexport PATH=$SDK_MANAGER:$PATH\n" >> /Users/$(whoami)/.zshrc

echo $"\nexport AVD=`brew --prefix`/bin/avdmanager\n" >> /Users/$(whoami)/.zshrc
echo $"\nexport PATH=$AVD:$PATH\n" >> /Users/$(whoami)/.zshrc

# Then Install Tools
sdkmanager "patcher;v4"
sdkmanager "build-tools;30.0.2"
sdkmanager "platforms;android-32"
sdkmanager "emulator"
sdkmanager "tools"
sdkmanager "platform-tools"

# Then Accept all licenses
yes | sdkmanager --licenses

Make sure also that in your Android project folder you have this in local.properties :

1

sdk.dir=/usr/local/share/android-commandlinetools

Install Android NDK

1

sdkmanager "ndk-bundle"

Install (ADB, fastboot, sload_f2fs, dmtracedump, e2fsdroid, etc1tool, hprof-conv, make_f2fs, make_f2fs_casefold, mke2fs)

1
2
3
4

brew install android-platform-tools

echo $"\nexport ADB=`brew --prefix`/bin/adb\n" >> /Users/$(whoami)/.zshrc
echo $"\nexport PATH=$ADB:$PATH\n" >> /Users/$(whoami)/.zshrc

More Infos :

Install Android Emulator

GenyMotion (Recomended)

1

brew install --cask genymotion

Usefull ClI :

1
2
3
4
5
6
7
8
9
10
11
12
13

## Copy this to .zshrc
echo 'GMTOOL_PATH="/Applications/Genymotion.app/Contents/MacOS/"' >> /Users/$(whoami)/.zshrc
echo 'export PATH=$GMTOOL_PATH:$PATH' >> /Users/$(whoami)/.zshrc

## Display devices list
genyshell -c "devices list"

## To Create / run u need licence !
## Create a device
gmtool admin create "Google Pixel - 9.0 - API 28 - 1080x1920" GP_9

## Run a device
gmtool admin run GP_9

Android Emulator - Apple M1

Download this emulator Apple M1

Install Android File Transfer (Optionnal)

1

brew install --cask android-file-transfer

Install Vysor (Optionnal)

1

brew install --cask vysor

Install Scrcpy (Recomended) (Vysor + Android File Transfer alternative)

1

brew install scrcpy

Install Flutter

1
2
3
4
5
6
7
8
9

## Install Flutter
brew install --cask flutter
# Instal dart
brew tap dart-lang/dart
brew install dart
## Migrate to null safety (Only inside a project)
# dart migrate --apply-changes
## Check That everythong is OK
flutter doctor

Extra Steps for Android usage in Flutter

1
2
3
4

flutter config --android-sdk $ANDROID_HOME
sdkmanager --install "cmdline-tools;latest"
# don't forget after each run of sdkmanager --install to run 
yes | sdkmanager --licenses

Apple M1 Support for Flutter & Docker

1
2
3

softwareupdate --install-rosetta
## Flutter
arch -x86_64 sudo gem install ffi

Install Docker

Download this docker M1 image Docker Desktop Apple M1

Install Fastlane

1

brew install fastlane

Here is a quick Tutorial on how to integrate Fastlane with TestFlight & AppCenter for Android/iOS/Flutter

Install VsCode

1

brew install --cask visual-studio-code

How to use iTerm + PowerLvl10k in Vscode :

(I assume here you already followed steps decribed in section Install ZSH)

Edit this Vscode User Settings file /Users/$(whoami)/Library/Application\ Support/Code/User/settings.json and add the following :

1
2
3
4
5
6
7
8

{
    ...
    "terminal.external.osxExec": "iTerm.app",
    "terminal.integrated.shell.osx": "/bin/zsh",
    "terminal.integrated.fontFamily": "'MesloLGS NF'",
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.lineHeight": 1.3
}

If for some reason you want to edit those colors you can add this and play a little bit with values :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

{
    ...
    "workbench.colorCustomizations": {
        "terminal.background":"#131212",
        "terminal.foreground":"#6bb8e6",
        "terminal.ansiBlack":"#000000",
        "terminal.ansiBrightBlack":"#414141",
        "terminal.ansiBlue": "#bceafa",
        "terminal.ansiBrightBlue":"#77dcff",
        "terminal.ansiCyan":"#a3e9d4",
        "terminal.ansiBrightCyan":"#a3e9d5",
        "terminal.ansiGreen":"#68f400",
        "terminal.ansiBrightGreen":"#dcf152",
        "terminal.ansiMagenta":"#f58a8d",
        "terminal.ansiBrightMagenta":"#ffb4b8",
        "terminal.ansiRed":"#ff4c41",
        "terminal.ansiBrightRed":"#ff7c77",
        "terminal.ansiWhite":"#ffffff",
        "terminal.ansiBrightWhite":"#ffffff",
        "terminal.ansiYellow":"#ffe100",
        "terminal.ansiBrightYellow":"#fff68b",
    }
}

Install some macOS developer Tools

OpenInTerminal

1

brew install --cask openinterminal

Spectacle

1

brew install --cask spectacle

Dozer

1

brew install --cask dozer

DB Browser for SQLite

1

brew install --cask db-browser-for-sqlite

Proxyman

1

brew install --cask proxyman

PostMan

1

brew install --cask postman

Install Browser Plugins :

Chrome

TroubleShoots :

Install Rosetta 2

1

softwareupdate --install-rosetta

You’re good to go !

Mobile
Android iOS Flutter
This post is licensed under CC BY 4.0 by the author.
Recently Updated
Trending Tags
Android Flutter iOS Apple macOS
Contents
Trending Tags
Android Flutter iOS Apple macOS