Avatar or Logo

Terminal Customization (iTerm2 on macOS )

December 23, 2023

สวัสดีค่าาา ✨ พอดีตื่นนอนมาช่วง 2 am ว่างๆเลยมาเขียนวิธีติดตั้ง iTerm2 และแต่ง theme config ดีกว่า เพราะถ้า terminal เราสวย เราจะขยันทำงานขึ้น (ไม่จริง!!) 555555

มาเริ่มกันเลย ขั้นแรกหลักๆเลยคือเราใช้งาน iTerm บน Macbook และเอา oh-my-zsh มาใช้กับตัว PowerLevel10K ซึ่งเป็น theme ของ oh-my-zsh อีกที

ติดตั้ง Homebrew
หากยังไม่มี homebrew ให้เปิด Terminal ขึ้นมาและใช้คำสั่งด้านล่างเพื่อติดตั้ง

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

เพิ่ม Homebrew เข้า Path
หลังจากติดตั้งเสร็จแล้ว ก็ต้องเพิ่ม homebrew ลงไปใน path โดยเปลี่ยน [username] เป็น username ของเครื่องเราจริงๆ

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/[username]/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

ถึงเวลาของพระเอกของเราแล้ววว iTerm!!!!!!!!

ติดตั้ง iTerm2
สามารถรันคำสั่งตามนี้ได้เลย และหากต้องการอ่านเอกสารเพิ่มเติมเกี่ยวกับ iTerm ก็สามารถตามอ่านได้ที่ Documentation ได้เลย

brew install --cask iterm2

แค่นี้ก็ติดตั้ง iTerm เสร็จแล้วว หลังจากนี้เราจะย้ายไปทำงานกันที่ iTerm
หากใครยังไม่ได้ติดตั้ง Git สามารถติดตั้งได้ด้วยคำสั่ง

brew install git

เนื่องจากเราต้องใช้คำสั่ง git clone เพื่อเอา config ต่างๆเข้ามาใช้

ติดตั้ง oh my zsh

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

ติดตั้ง PowerLevel10K เพื่อนำมาใช้กับ zsh ที่เราเพิ่งติดตั้งไป

git clone https://github.com/romkatv/powerlevel10k.git $ZSH_CUSTOM/themes/powerlevel10k

เมื่อรันคำสั่ง git clone เสร็จเรียบร้อย เราจะต้องเปิดไฟล์ “~/.zshrc” เพื่อทำการเปลี่ยนค่า “ZSH_THEME” ให้เป็น powerlevel10k โดยเราจะใช้คำสั่ง vim

vim ~/.zshrc

หากใครไม่เคยใช้ vim เมื่อรันคำสั่งเสร็จเรียบร้อยให้เรากดปุ่ม I เมื่อกดเสร็จ Vim จะเปลี่ยนโหมดเป็น INSERT และให้เปลี่ยนค่าของ “ZSH_THEME” ดังนี้

ZSH_THEME="powerlevel10k/powerlevel10k"

หลังจากนั้นให้กด ESC และพิมพ์ :wq เพื่อบันทึกและออกจาก vim

เมื่อเสร็จแล้วเราต้องใช้คำสั่ง source ~/.zshrc เพื่อใช้ THEME ที่เราเพิ่งเปลี่ยนไป

source ~/.zshrc

เมื่อรันคำสั่งเสร็จแล้วให้ restart iTerm ใหม่อีกครั้ง เพื่อทำการ apply config ที่ตั้งค่าไปก่อนหน้านี้ หลังจากเปิดขึ้นมา Powerlevel10k จะเปิดขึ้นมาอัตโนมัติให้เราทำการเลือก config ได้ตามใจชอบ จนกว่าจะจบกระบวนการ

และแล้วเราก็ได้แล้ววววว เย้!!!!

ส่วนเรื่องของการตั้งค่าสี และอื่นๆ เราสามารถทำได้ที่ iTerm2 → Settings → Profiles → Colors

https://iterm2colorschemes.com/ เว็บไซต์ที่รวม Color Theme ของ iTerm2 ไว้เยอะมากๆๆๆ หากต้องการสามารถ Download และ Import ลง iTerm2 ได้เลย หรือจะ Double-click ไฟล์ colors config ก็ได้เหมือนกัน

หากใครกำลังสงสัยว่า เอ้อ แล้วมันดึง colors มายังไง นี่มันทำงี้ ให้เราหาสีที่เราถูกใจในเว็บไซต์ แล้วกดเข้าไปที่ชื่อของ Theme นั้นๆ หลังจากนั้นให้คัดลอก URL ของเว็บนั้น มาเปลี่ยนตรงส่วน [itermcolors_url] ของคำสั่งนี้

curl [itermcolors_url] --output ~/Downloads/[itermcolorsname].itermcolors

อย่าลืมเปลี่ยน [itermcolorsname] เป็นชื่อของ Theme ด้วยนะ เมื่อได้แล้วก็ Import เข้า iterm2 ได้เลยยย

ขอบคุณที่อ่านจนจบค่าา blog หน้าคิดว่าน่าจะเป็นวิธีติดตั้ง yabai และอื่นๆอีกเยอะมาก ฝากเนื้อฝากตัวด้วยค่ะ 🙏🏻 😍