Intro

Panduan ini ditujukan kepada diri saya menggunakan macOS untuk menunjang rutinitas saya sebagai pengembang perangkat lunak web.

Jika kamu membeli perangkat Mac untuk pertama kalinya, saya sarankan untuk mengecek keyboard, suara, bluetooth, About This Mac (spesifikasi, penyimpanan, RAM, garansi) dan gunakan Apple Diagnostic Support.

Pastikan Mac terhubung dengan internet agar bisa menginstal software tambahan yang diperlukan

Terminal

Zsh

Sejak macOS Catalina, sudah disediakan opsi untuk mengganti dari bash ke zsh. Pastikan Terminal sudah menggunakan zsh. Jika belum, silakan masukkan perintah di bawah ini.

1

$ chsh -s /bin/zsh

Berikutnya, melakukan konfigurasi zsh dengan perintah di bawah.

1
2

# enable the default zsh completions!
autoload -Uz compinit && compinit

Kemudian, mengaktifkan fitur Git Completion

1
2
3
4
5
6
7

# make the `.zsh` directory
$ mkdir -p ~/.zsh
$ cd ~/.zsh

# download the scripts for completion
$ curl -o git-completion.bash https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.bash
$ curl -o _git https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.zsh

Lalu, masukkan skrip ke ~/.zshrc.

1
2

zstyle ':completion:*:*:git:*' script ~/.zsh/git-completion.bash
fpath=(~/.zsh $fpath)

Jika belum ada file .zshrc silakan buat dulu di root utama Terminal dengan perintah touch .zshrc.

Terakhir, hapus cache zsh dengan perintah di bawah

1

$ rm ~/.zcompdump

Definisi Alias

Definisikan alias di dalam file .zshrc

1
2
3
4
5

# Define alias
alias ..='cd ..'
alias ...='cd ../..'
alias ls='ls -GwF'
alias ll='ls -alh'

Jika menggunakan VSCode, maka kita bisa mengedit file .zshrc dengan perintah zshrc.

1
2
3

# Tambahkan ini di bawah Define alias
# Open .zshrc via VSCode
alias zshrc='code ~/.zshrc'

Kita juga bisa mengedit file .gitconfig lewat VSCode dengan perintah gitconfig.

1
2

# Tambahkan ini di bawah Open .zshrc via VSCode
alias gitconfig='code ~/.gitconfig'

Homebrew

Homebrew adalah package manager untuk macOS. Dengan Homebrew kita akan dimudahkan untuk menginstal perkakas seperti bahasa pemrograman dan lain-lainnya dengan perintah brew install package_name.

Untuk menginstal Homebrew, masukkan perintah di bawah ini ke dalam root utama terminal.

1

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

Percantik Console dengan Starship 🚀

Sebelum menginstal Starship, kamu wajib menginstal Nerd Font. Setelah itu barulah kamu bisa menginstal Starship dengan menggunakan perintah brew install starship.

Selanjutnya tambahkan baris skrip di akhir dalam file ~/.zshrc:

1
2

# ~/.zshrc
eval "$(starship init zsh)"

Tambahkan emoji di Terminal

Untuk mempercantik tampilan Terminal, kita bisa menambahkan emoji. Buat file starship.toml di root utama Terminal dan tambahkan skrip di dalam file starship.toml.

1

mkdir -p ~/.config && touch ~/.config/starship.toml

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

# Di dalam file starship.toml
[character]
symbol = "🐈💕"

[directory]
fish_style_pwd_dir_length = 10

[git_branch]
symbol = "🏀 "

[nodejs]
symbol = "⚡ "

[package]
symbol = "🎉 "

Tutup Terminal dan buka kembali dan Terminal sudah terintegrasi dengan Starship seperti gambar di bawah.

Terminal terintegrasi dengan Starship

Instal NodeJS dan PNPM

Kita akan menggunakan Node Version Manager (NVM) untuk menginstal NodeJS daripada menggunakan Homebrew. Dengan NVM, kita bisa mengatur versi Node sesuai dengan kebutuhan dan NVM juga mendukung versi Long Term Support (LTS).

Masukkan perintah di bawah di root utama Terminal.

1

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

Setelah itu masukkan skrip di bawah ini di dalam file .zshrc sebelum skrip eval "$(starship init zsh)".

1
2
3
4
5

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

# ~/.zshrc
eval "$(starship init zsh)"

Instal PHP, Composer dan MariaDB dengan Homebrew

1

brew install php composer mariadb

Membuat SSH Keygen dan taruh di Github

Ikuti sesuai urutan agar pengaturan SSH berjalan dengan baik.

  1. Generating a new SSH key and adding it to the ssh-agent.
  2. Adding a new SSH key to your GitHub account.

Instal Software Tambahan

Membuka VSCode dari Terminal

  1. Buka VSCode.
  2. Tekan cmd + shift + p dan ketik shell command untuk menemukan Shell Command: Install ‘code’ command in PATH dan tekan enter.