progrez.cloud

Terminal Cantik dengan Powerlevel10k

01 Februari 2025

Bagi sebagian orang, kecantikan adalah nomor satu, tapi bagaimana kalo yang cantik bukan orang, namun terminal.



Buat yang mau liat-liat bisa langsung ke situs resimnya GitHub-Powerlevel10k, di sini saya cuman mau shering pengalaman menginstall Powerlevel10k.


Yang pertaman adalah saya mengenal shell yang lain selain bash, yaitu zsh [Artikel] , ya sebenarnya sama aja cuman kalo zsh featurenya banyak. oke bagai mana cara install dan make shell zsh? gampang banget


sudo apt install zsh
chsh -s $(which zsh)
echo $SHELL # kalo hasilnya /bin/zsh berarti default terminalnya udah zsh bukan bash


Abis tuh logout dan login kembali agar perubahan diterapkan, udah deh. Nah karna udah beralih dari bash ke zsh, jadi file configurasinya pun udah beda, kalo bash confignya 'nano ~/.bashrc' tapi kalo zsh confignya di 'nano ~/.zshrc' jadi jangan sampe ke tukar ya.


Cuma di awal tampilanya jelek banget. cuman hostname% kek gini doang. tapi gpp ada banyak plugin dan tema di zsh, ada Prezto, Antigen, Zim, Starship, karna banyak gw make yang umum aja Oh My Zsh. Namun kekurangannya shell kek zsh ini, semakin banya plugin semakin banyak juga configurasinya. contohnya :


  • lu udah kelar install Powerlevel10k di Oh My Zsh,
  • udah selesai juga config nano ~/.zshrc ganti temanya dari ZSH_THEME="robbyrussell" ke ZSH_THEME="powerlevel10k/powerlevel10k",
  • lalu lu udah reload configurasi source ~/.zshrc
  • dan terkahir berhasil eksekusi p10k configure tanpa ada masalah.


Nah ribetnya di sini, kalo ga jeli ga bakal tau kalo kita di minta nginstall font tertentu buat bisa make thema powerlevel10k. contohnya ketika gw eksekusi p10k configure gw di suruh memastika kalo itu icon berlian, namun yang tampak hanya titik, kita hanya perlu mendowload dan menginstall icon tersebut:


mkdir -p ~/.local/share/fonts && cd ~/.local/share/fonts
wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Regular.ttf
wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold.ttf
wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Italic.ttf
wget https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold%20Italic.ttf
fc-cache -fv


Harusnya pas saya p10k configure udah muncul berlian, sisanya tinggal pilih thema.


Kasus lainya ketika terminal visual code tidak mendeteksi font MesloLGS NF , alhasil tampilan icon di teminal vscode jadi kotak-kotak, caranya:



Buka "Preferences: Open Settings (UI)" dengan Ctrl + , Ketik "terminal font" di kolom pencarian. Temukan pengaturan "Terminal > Integrated: Font Family" Lalu tambahkan MesloLGS NF.



Harusnya iconya udah muncul sih.


Kesimpulan

Untuk menerapkan tema dari Powerlevel10k kita mesti:

  1. Install Zsh
  2. Install Oh My Zsh Plugin
  3. Install Powerlevel10k Di Oh My Zsh
  4. Install Fonts MesloLGS NF