มาแต่ง Terminal ให้สวยด้วย ohmyzsh กันเถอะ
Tags: beginners, zsh
Published: 2022-10-04 17:30:34

สวัสดีครับนี่เป็น Blog แรกของผมใน dev.to พอดีได้ฤกษ์งามยามดีซื้อเครื่องมาใหม่เลยอยากจะมาเขียนบทความ Set environment style woxa ไว้เป็น handbook ให้อนุชนคนรุ่นหลังซักหน่อย

ขอไม่พูดพร่ำทำเพลงเรามาเริ่มเลยละกัน 


1 . ติดตั้ง iterm2 (จริงๆใช้ Terminal ก็ได้นะ แต่เราแนะนำ iterm 😂) ให้ไปที่ [iterm2.com](https://iterm2.com) โดยจิ้มเบาๆที่ download ตามรูป แล้วติดตั้ง


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kx2y67ecmgb6on3gynl8.png)

2 . หลังจากติดตั้งแล้วให้ไปที่ finder -> เลือก Applications -> คลิ๊กขวาที่ iTerm -> เลือก Get Info แล้วเลือก Open using Rosetta 

![iTerm Open using Rosetta ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/smopz936tybmlc7i3cwv.png)

3 . ให้เปิด iTerm แล้วจะมี popup เด้งขึ้นมาให้ install Rosetta

![Install using Rosetta ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wojlzhvtyeouvuhgllxx.png)

4 . ติดตั้ง hamebrew 

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

5 . ติดตั้ง zsh

```
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
```

![ติดตั้ง zsh](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pu1hu94re00anu1rd6vz.png)

6 . มาเลือกธีม zsh กันเถอะ 
ผมจะใช vim ในการแก้ไข ใครสะดวกอะไรก็ตามสะดวกเลยครับ
```
 vi ~/.zshrc
```
เลื่อนลงมาที่ ZSH_THEME เราจะเจอกับธีมครับ และเราสามารถเปลี่ยนธีมได้ที่ตรงนี้เลย สามารถเข้าไปดูธีมเท่ห์ๆได้ที่ [ohmyzsh Themes](https://github.com/ohmyzsh/ohmyzsh/wiki/Themes)

เมื่อได้ธีมที่ชอบแล้วเราก็แค่เปลี่ยน (เผื่อใครไม่เคยใช้ vim ให้เรากด i แล้วมันจะเปลี่ยนเป็น INSERT mode ครับ และเลื่อนตำแหน่งไปแก้ไขได้เลย เมื่อแก้เสร็จแล้วก็กด esc และพิมพ์ :wq (หมายถึง write & quit) เพื่อออกจาก vim)

```
ZSH_THEME="agnoster"
```
หลังจากนั้นปิด iterm แล้วเข้าใหม่ จะพบว่ามันเป็นภาษาต่างดาวไปแล้วววว..!!

![Bug font](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jynhnmu58xw4pz23mupv.png)

วิธีแก้ง่ายๆก็แค่ติดตั้ง font ครับ ไปโหลดได้ที่ [powerline](https://github.com/Lokaltog/powerline/raw/develop/font/PowerlineSymbols.otf) แล้วก็ติดตั้ง และเปิด iterm แล้วเลือกเมนู iTerm2 ที่มุมบนซ้าย แล้วเลือก preferences... แล้วเลือกที่ profile แล้วเลือกที่ text เพื่อไปเลือก font powerline และ ท่าด้าาาาา สวยงามตามท้องเรื่อง
![Fixed font](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vl6035idwbdzr70fdq9r.png)


**Bonus**

- เราสามาถเพิ่ม plugins ต่างๆโดยไปที่ส่วนของ plugins และเพิ่ม plugins ได้ตามความต้องการเลย สามารถดู plugins ได้ที่ [default Plugins](https://github.com/ohmyzsh/ohmyzsh/wiki/Plugins)

![zsh add plugins](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ihxl21uoh537glx28pnb.png)

- Auto Correction ให้ไปที่ส่วนของ ENABLE_CORRECTION และให้เอา # เพื่อเปิดให้ zsh ตรวจคำสั่งว่าเราพิมพ์ถูกมั๊ย

- auto suggestions ปลั๊กอินตัวนี้จะช่วยแนะนำคำสั่งเดิมที่เราเคยใช้ขึ้นมา และหากเราต้องการคำสั่งนั้นก็แค่กด Tab มันจะเลือกคำสั่งนั้นให้เลย เหมาะสำหรับคนขี้เกียจพิมพ์สุดๆ 

```
git clone https://github.com/zsh-users/zsh-autosuggestions ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions
```
เมื่อติดตั้งเสร็จแล้วเราก็แค่พิมพ์ zsh-autosuggestions เพิ่มเข้าไปในส่วนของ plugins ก็เป็นอันเรียบร้อย แล้วมันจะ suggestions ให้เราแบบนี้ ถ้าอยากได้คำสั่งนี้เราก็แค่กด Tab
![zsh auto suggestions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/59e33bcz31crbtg3ul8w.png)