reveal.js

# Editors in Linux (Vim)

**ผู้จัดทํา:** อรรถพล คงหวาน

---

# สารบัญ (Outline)

1. ภาพรวมของ Text Editor
2. Vim Mode (โหมดการทำงานของ Vim)
3. การเคลื่อนที่ใน Vim (Motions)
4. การแก้ไขข้อความ (Text Editing)
5. Visual Mode และการเลือกข้อความ
6. Search และ Replace (ค้นหาและแทนที่)
7. การทำงานกับไฟล์และ Buffer
8. การตั้งค่า Vim (Vim Configuration)
9. Plugin Manager และ Plugin ยอดนิยม
10. Neovim และ Modern Vim

---

# 5.1
## ภาพรวมของ Text Editor
### (Text Editor Overview)

---

## 5.1 ภาพรวมของ Text Editor

**Text Editor** คือโปรแกรมสำหรับสร้างและแก้ไขไฟล์ข้อความธรรมดา (Plain Text)

- แตกต่างจาก Word Processor ตรงที่เน้นข้อความบริสุทธิ์
- ไม่มี Formatting แบบ Rich Text
- เหมาะสำหรับ:
  - งานเขียนโค้ด (Source Code)
  - ไฟล์ตั้งค่า (Configuration File)
  - เอกสารแบบ Markup เช่น Markdown, LaTeX

---

## 5.1.1 CLI Editor

**CLI Editor** ทำงานบน Terminal ล้วน ๆ ไม่ต้องอาศัยระบบกราฟิก เหมาะสำหรับ Server ที่เข้าถึงผ่าน SSH

- **nano** — Modeless เรียนรู้ง่ายที่สุด
- **vi** — Editor ดั้งเดิมของ Unix มีในทุก POSIX system
- **vim** (Vi IMproved) — ต่อยอดจาก vi โดย Bram Moolenaar (1991)
- **neovim** (nvim) — Fork จาก Vim รองรับ Lua, LSP, Treesitter
- **emacs** — Extensible Editor เขียนด้วย Emacs Lisp

---

## 5.1.1 CLI Editor (ต่อ)

- **micro** — Modern Editor ใช้ keybinding แบบ GUI (Ctrl+S, Ctrl+C)
- **helix** — Post-modern Editor เขียนด้วย Rust
  - ใช้แนวคิด **Selection-first** (ต่างจาก Vim ที่เป็น Action-first)
  - มาพร้อม LSP และ Treesitter ในตัว

> CLI Editor เป็นทักษะพื้นฐานที่ขาดไม่ได้สำหรับผู้ดูแลระบบ Linux

---

## 5.1.2 GUI Editor

**GUI Editor** มีหน้าต่างและเมนูแบบภาพ เหมาะกับงานบน Desktop/Laptop

- **gedit** — Editor ของ GNOME Desktop เรียบง่าย
- **kate** — Editor ของ KDE Plasma มี Multi-document, Split View
- **VS Code** — IDE-like Editor ของ Microsoft ใช้ Electron
- **Zed** — Editor สมัยใหม่เขียนด้วย Rust ใช้ GPU Rendering
- **Sublime Text** — Editor เชิงพาณิชย์ที่มีชื่อเสียงเรื่องความเร็ว

---

## 5.1.3 TUI IDE

**TUI IDE** อยู่กึ่งกลางระหว่าง CLI และ GUI IDE — ทำงานใน Terminal แต่มี UI ซับซ้อนเหมือน IDE

- **LazyVim** — Neovim Distribution พร้อม Plugin, LSP, Debugger ครบ
- **AstroNvim, NvChad, LunarVim, kickstart.nvim** — Distribution อื่น ๆ
- **Helix** — TUI Editor แบบ Built-in IDE ที่ไม่ต้องลง Plugin
- **Emacs + Doom/Spacemacs** — Emacs Configuration ที่จัดเต็ม

---

## 5.1.4 ความสำคัญของ Editor บน Server

การทำงานกับ **Server** จริงแทบทั้งหมดเข้าถึงผ่าน **SSH** ไม่มี GUI

เหตุผลสำคัญ:

1. **Bandwidth น้อย** — ส่งข้อมูลเป็นตัวอักษร ไม่ต้อง X11 หรือ VNC
2. **รองรับในทุก Distribution** — `vi` มีในทุก POSIX OS
3. **ทำงานใน Recovery Mode / Single User Mode** ได้
4. **ทำงานใน Container** ที่ไม่มี GUI Stack ได้โดยตรง
5. **Latency ต่ำ** เมื่อทำงานข้ามทวีปผ่าน SSH

---

## ภาพรวมการเลือกใช้ Editor

<pre class="mermaid">
%%{init: {'theme':'base','themeVariables':{
 'primaryColor':'#3c3836','primaryTextColor':'#ebdbb2','primaryBorderColor':'#fabd2f',
 'lineColor':'#fe8019','secondaryColor':'#504945','tertiaryColor':'#32302f',
 'background':'#282828','mainBkg':'#3c3836','secondBkg':'#504945',
 'clusterBkg':'#32302f','clusterBorder':'#b8bb26','fontFamily':'monospace'
}}}%%
flowchart TB
 User[ผู้ใช้] --> Dev{สภาพแวดล้อม}
 Dev -->|Desktop| GUI[GUI Editor VS Code, Zed]
 Dev -->|Server SSH| CLI[CLI Editor vim, nano]
 Dev -->|Power User| TUI[TUI IDE LazyVim, Helix]
 GUI --> Output[Text File]
 CLI --> Output
 TUI --> Output
 Output --> VCS[Git]
</pre>

---

# 5.2
## Vim Mode
### (โหมดการทำงานของ Vim)

---

## 5.2 Vim Mode (โหมดการทำงาน)

สิ่งที่ทำให้ Vim แตกต่างจาก Editor ทั่วไปคือ **Modal Editing**

- ในแต่ละโหมด ปุ่มคีย์บอร์ดจะมีความหมายต่างกัน
- สั่งงานซับซ้อนได้โดยไม่ต้องย้ายมือไปที่ Mouse
- ไม่ต้องใช้ Arrow key

**โหมดหลักของ Vim:**
1. Normal Mode
2. Insert Mode
3. Visual Mode
4. Command-line Mode

---

## 5.2.1 Normal Mode

**Normal Mode** คือโหมดเริ่มต้นเมื่อเปิด Vim

- **ปุ่มตัวอักษรทำหน้าที่เป็นคำสั่ง** ไม่ใช่การพิมพ์
  - `h j k l` คือการเคลื่อนที่
  - `dd` คือลบบรรทัด
  - `yy` คือคัดลอกบรรทัด
- **กลับสู่ Normal Mode** ด้วย `Esc` หรือ `Ctrl+[`
- เป็นโหมดที่ใช้เวลา **มากที่สุด** ในการทำงานจริง
- Vim ออกแบบให้ "อ่านและนำทาง" เป็นกิจกรรมหลัก

---

## 5.2.2 Insert Mode (ตอนที่ 1)

**Insert Mode** เป็นโหมดสำหรับพิมพ์ข้อความเข้าไปในไฟล์

| คำสั่ง | ความหมาย | ตำแหน่ง |
| --- | --- | --- |
| `i` | **i**nsert | ก่อนตัวอักษรที่ Cursor |
| `a` | **a**ppend | หลังตัวอักษรที่ Cursor |
| `I` | Insert at line start | ต้นบรรทัด (หลัง indent) |
| `A` | Append at line end | ท้ายบรรทัด |

---

## 5.2.2 Insert Mode (ตอนที่ 2)

| คำสั่ง | ความหมาย | ตำแหน่ง |
| --- | --- | --- |
| `o` | **o**pen line below | เปิดบรรทัดใหม่ใต้บรรทัด |
| `O` | Open line above | เปิดบรรทัดใหม่เหนือบรรทัด |
| `s` | **s**ubstitute char | ลบตัวอักษรแล้วเข้า Insert |
| `S` | Substitute line | ลบทั้งบรรทัดแล้วเข้า Insert |

---

## 5.2.3 Visual Mode

**Visual Mode** ใช้สำหรับเลือกข้อความ (Selection) ก่อนสั่งปฏิบัติการ

- `v` — **Character-wise Visual** เลือกทีละตัวอักษร
- `V` — **Line-wise Visual** เลือกทีละบรรทัด
- `Ctrl+v` — **Block-wise Visual** เลือกเป็นสี่เหลี่ยม (Column selection)
  - ใช้สำหรับแก้ไขหลายบรรทัดพร้อมกัน
- `gv` — เลือกพื้นที่เดิมที่เคยเลือกไว้ล่าสุด

---

## 5.2.4 Command-line Mode (Ex Mode)

**Command-line Mode** เปิดใช้งานด้วยปุ่มเริ่มต้น 3 ชนิด

- `:` — เริ่ม **Ex command**
  - `:w` — บันทึก
  - `:q` — ออก
  - `:s/old/new/g` — แทนที่
  - `:set number` — แสดงเลขบรรทัด
- `/` — ค้นหาไปข้างหน้า (Forward Search)
- `?` — ค้นหาย้อนกลับ (Backward Search)

---

## State Diagram ของ Vim Modes

<pre class="mermaid">
%%{init: {'theme':'base','themeVariables':{
 'primaryColor':'#3c3836','primaryTextColor':'#ebdbb2','primaryBorderColor':'#fabd2f',
 'lineColor':'#fe8019','secondaryColor':'#504945',
 'background':'#282828','mainBkg':'#3c3836','clusterBkg':'#32302f',
 'clusterBorder':'#b8bb26','fontFamily':'monospace'
}}}%%
stateDiagram-v2
 [*] --> Normal
 Normal --> Insert: i, a, o, I, A, O
 Insert --> Normal: Esc
 Normal --> Visual: v, V, Ctrl+v
 Visual --> Normal: Esc
 Normal --> CommandLine: : / ?
 CommandLine --> Normal: Enter
 Normal --> Replace: R
 Replace --> Normal: Esc
</pre>

---

## ประสิทธิภาพของ Modal Editing

**สูตรจำนวนการกดปุ่มเฉลี่ย** (Average Keystroke) ต่อการแก้ไขหนึ่งครั้ง:

<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
 <mrow>
 <mi>K</mi>
 <mo>=</mo>
 <mfrac>
 <mrow>
 <munderover><mo>∑</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mi>n</mi></munderover>
 <mi>keystrokes</mi><mo>(</mo><msub><mi>e</mi><mi>i</mi></msub><mo>)</mo>
 </mrow>
 <mi>n</mi>
 </mfrac>
 </mrow>
</math>

- **K** = จำนวนการกดปุ่มเฉลี่ย, **eᵢ** = การแก้ไขครั้งที่ i, **n** = จำนวนการแก้ไขทั้งหมด
- ค่า K ยิ่งน้อย ยิ่งมีประสิทธิภาพสูง
- `ci"` ลด Keystroke จาก ~10 กดเหลือ 3 กด

---

# 5.3
## การเคลื่อนที่ใน Vim
### (Motions)

---

## 5.3 Motions ใน Vim

**Motion** คือคำสั่งเคลื่อนที่ Cursor

- สามารถ "คูณ" กับ Operator เพื่อสร้างคำสั่งที่ทรงพลัง
  - `d` (delete)
  - `y` (yank)
  - `c` (change)
- ตัวอย่าง: `d5w` = ลบ 5 คำถัดไป

**รูปแบบ:** `[count][operator][count][motion]`

---

## 5.3.1 Character Motion

- `h` — ไปทางซ้าย 1 ตัวอักษร
- `j` — ลงล่าง 1 บรรทัด
- `k` — ขึ้นบน 1 บรรทัด
- `l` — ไปทางขวา 1 ตัวอักษร

> 💡 **ที่มาของ hjkl** — คีย์บอร์ดของ ADM-3A ในยุคแรก (ที่ Bill Joy ใช้เขียน vi) มีลูกศรพิมพ์บนปุ่ม h j k l พอดี

---

## 5.3.2 Word Motion

- `w` — ไปที่ต้นคำ**ถัดไป** (word next)
- `W` — เหมือน `w` แต่นับเฉพาะ whitespace เป็นตัวคั่น (WORD)
- `b` — ไปที่ต้นคำ**ก่อนหน้า** (back)
- `B` — เหมือน `b` แต่เป็น WORD
- `e` — ไปที่**ท้าย**คำถัดไป (end)
- `E` — เหมือน `e` แต่เป็น WORD
- `ge` — ไปที่ท้ายคำก่อนหน้า

---

## 5.3.3 Line Motion

- `0` — ไปที่ต้นบรรทัด (คอลัมน์ 0)
- `^` — ไปที่ตัวอักษรแรกที่ไม่ใช่ whitespace ของบรรทัด
- `$` — ไปที่ท้ายบรรทัด
- `g_` — ไปที่ตัวอักษรสุดท้ายที่ไม่ใช่ whitespace
- `gg` — ไปที่บรรทัดแรกของไฟล์
- `G` — ไปที่บรรทัดสุดท้าย
- `:42` หรือ `42G` — ไปที่บรรทัด 42

---

## 5.3.4 Screen Motion

- `Ctrl+f` — **F**orward 1 หน้า (Page Down)
- `Ctrl+b` — **B**ackward 1 หน้า (Page Up)
- `Ctrl+d` — **D**own ครึ่งหน้า
- `Ctrl+u` — **U**p ครึ่งหน้า
- `Ctrl+e` — เลื่อน **e**xtra line ลง (cursor อยู่กับที่)
- `Ctrl+y` — เลื่อน **y**ank line ขึ้น

---

## 5.3.5 ตำแหน่งพิเศษ

- `H` — **H**igh: ไปบนสุดของหน้าจอที่มองเห็น
- `M` — **M**iddle: ไปกลางหน้าจอ
- `L` — **L**ow: ไปล่างสุดของหน้าจอ
- `%` — กระโดดไปวงเล็บคู่ (Match Bracket)
- `{` — ไปย่อหน้าก่อน (Paragraph back)
- `}` — ไปย่อหน้าถัดไป
- `zz` / `zt` / `zb` — เลื่อนหน้าจอ (กลาง/บน/ล่าง)

---

## 5.3.6 Search Motion

- `/pattern` + `Enter` — ค้นหาไปข้างหน้า
- `?pattern` + `Enter` — ค้นหาย้อนกลับ
- `n` / `N` — ไปผลการค้นหาถัดไป / ก่อนหน้า
- `*` — ค้นหาคำที่ Cursor ชี้อยู่ไปข้างหน้า
- `#` — ค้นหาคำที่ Cursor ชี้อยู่ย้อนกลับ
- `f{char}` — **f**ind ตัวอักษรถัดไปในบรรทัด
- `F{char}` — find ย้อนกลับ
- `t{char}` — **t**ill (ไปที่ตัวอักษร**ก่อน**อักขระ)
- `;` / `,` — ทำซ้ำ f/F/t/T

---

## 5.3.7 Marks

**Mark** คือการตั้งจุดอ้างอิงในไฟล์ เพื่อกระโดดกลับมาภายหลัง

- `ma` — ตั้ง Mark ชื่อ `a` ที่ Cursor ปัจจุบัน
- `` `a `` — กระโดดไปที่ตัวอักษรที่ Mark `a`
- `'a` — กระโดดไปที่ต้นบรรทัดที่ Mark `a`
- **Lowercase Mark** (`a-z`) — ใช้ภายในไฟล์
- **Uppercase Mark** (`A-Z`) — ใช้ข้ามไฟล์ได้ (Global Mark)
- `:marks` — แสดง Mark ทั้งหมด

---

## ตัวอย่างการใช้งานรวม (Combined Motion)

```bash
# สร้างไฟล์ทดสอบ
$ cat > sample.txt << 'EOF'
บรรทัดแรก: Introduction to Vim motions
บรรทัดสอง: h j k l เป็นการเคลื่อนที่พื้นฐาน
EOF

$ vim sample.txt
# gg          -> ไปบรรทัดแรก
# 3G          -> ไปบรรทัดที่ 3
# 5w          -> ไปข้างหน้า 5 คำ
# ma -> G -> `a   -> ตั้ง mark, ไปสุด, กลับ
```

---

# 5.4
## การแก้ไขข้อความ
### (Text Editing)

---

## 5.4 Text Editing

การแก้ไขใน Vim ยึดหลัก **Operator + Motion / Text Object**

- เมื่อเข้าใจรูปแบบนี้ จะสามารถผสมคำสั่งนับพันได้
- จากส่วนประกอบไม่กี่ตัว

**Operator พื้นฐาน:**
- `d` — Delete (ลบ)
- `y` — Yank (คัดลอก)
- `c` — Change (เปลี่ยน)
- `p` — Paste (วาง)

---

## 5.4.1 Delete (ลบ)

- `x` — ลบตัวอักษรที่ Cursor (เทียบเท่า `dl`)
- `X` — ลบตัวอักษรก่อน Cursor (เทียบเท่า `dh`)
- `dd` — ลบทั้งบรรทัด
- `dw` — ลบจาก Cursor ถึงต้นคำถัดไป
- `d$` หรือ `D` — ลบจาก Cursor ถึงท้ายบรรทัด
- `d0` — ลบจาก Cursor ถึงต้นบรรทัด
- `dG` — ลบจาก Cursor ถึงท้ายไฟล์
- `3dd` — ลบ 3 บรรทัด

---

## 5.4.2 Yank (Copy)

ใน Vim เรียกการคัดลอกว่า **yank** (y) ไม่ใช่ copy

- `yy` หรือ `Y` — yank ทั้งบรรทัด
- `yw` — yank จนถึงต้นคำถัดไป
- `y$` — yank ถึงท้ายบรรทัด
- `yG` — yank ถึงท้ายไฟล์
- `5yy` — yank 5 บรรทัด

---

## 5.4.3 Paste

- `p` — วาง**หลัง** Cursor
  - ถ้า yank แบบบรรทัด จะวางใต้บรรทัดปัจจุบัน
- `P` — วาง**ก่อน** Cursor
  - ถ้า yank แบบบรรทัด จะวางเหนือบรรทัดปัจจุบัน
- `"0p` — วางจาก Register 0 (yank ล่าสุด ไม่รวม delete)
- `"+p` — วางจาก System Clipboard

---

## 5.4.4 Change

**Change** = Delete + เข้า Insert Mode อัตโนมัติ มีประสิทธิภาพสูงมาก

- `cc` หรือ `S` — Change ทั้งบรรทัด
- `cw` — Change จากตำแหน่งปัจจุบันถึงต้นคำถัดไป
- `c$` หรือ `C` — Change ถึงท้ายบรรทัด
- `ciw` — Change **i**nside **w**ord
- `ci"` — Change ข้อความใน ""
- `ci(` — Change ข้อความใน ()

---

## 5.4.5 Replace

- `r{char}` — แทนตัวอักษร 1 ตัว (ไม่เข้า Insert)
- `R` — เข้า **Replace Mode** พิมพ์ทับตัวอักษรไปเรื่อย ๆ
- `~` — สลับพิมพ์เล็ก/ใหญ่ของตัวอักษรที่ Cursor

## 5.4.6 Undo / Redo

- `u` — **U**ndo
- `Ctrl+r` — **R**edo
- `U` — Undo ทั้งบรรทัด
- `:earlier 10m` — ย้อนไป 10 นาทีก่อน
- `:later 5m` — ไปข้างหน้า 5 นาที

---

## 5.4.7 Repeat (Dot Command)

**`.`** (dot) คือหนึ่งในคำสั่งที่ทรงพลังที่สุดใน Vim

- ทำการแก้ไขครั้งล่าสุดซ้ำ

**ตัวอย่าง:**
1. พิมพ์ `cw` แก้เป็นคำว่า `Hello` แล้ว `Esc`
2. ไปที่คำอื่น แล้วกด `.`
3. Vim จะเปลี่ยนคำนั้นเป็น `Hello` ทันที

---

## 5.4.8 Count + Motion

Vim รองรับ **Count** นำหน้าคำสั่งเพื่อทำซ้ำ:

- `5dd` — ลบ 5 บรรทัด
- `3w` — ไปข้างหน้า 3 คำ
- `d3w` — ลบ 3 คำถัดไป
- `2yy` — yank 2 บรรทัด
- `10j` — ลงล่าง 10 บรรทัด

**รูปแบบทั่วไป:** `[count][operator][count][motion]`

---

## 5.4.9 Text Object

**Text Object** คือ "วัตถุทางข้อความ" ที่ Vim เข้าใจ
เช่น คำ ประโยค ย่อหน้า ก้อนวงเล็บ — ใช้ร่วมกับ Operator

**2 รูปแบบ:**
- `i` = **i**nner (ไม่รวมขอบ เช่น ไม่รวมเครื่องหมายคำพูด)
- `a` = **a**round (รวมขอบ)

---

## Text Object — ตารางสรุป

| Text Object | ความหมาย | ตัวอย่าง |
| --- | --- | --- |
| `iw` / `aw` | word | `ciw` เปลี่ยนคำ |
| `is` / `as` | sentence | `das` ลบประโยค |
| `ip` / `ap` | paragraph | `yap` yank ย่อหน้า |
| `i"` / `a"` | string `""` | `ci"` เปลี่ยนข้อความใน "" |
| `i(` / `a(` หรือ `ib` | `()` | `ci(` แก้พารามิเตอร์ |
| `i{` / `a{` หรือ `iB` | `{}` | `ci{` แก้เนื้อใน block |
| `it` / `at` | XML/HTML tag | `cit` แก้เนื้อใน tag |

---

## Text Object — ตัวอย่างใช้งานจริง

```python
# โค้ด Python นี้
def greet(name, greeting="Hello"):
    print(f"{greeting}, {name}!")

# ต้องการแก้ parameters ทั้งหมด
# -> เลื่อน Cursor ไปใน () แล้วกด ci(
# -> ลบ "name, greeting=..." และเข้า Insert Mode

# ต้องการเปลี่ยน "Hello" เป็นค่าอื่น
# -> ไปใน "" แล้วกด ci"
```

---

# 5.5
## Visual Mode
### และการเลือกข้อความ

---

## 5.5 Visual Mode

**Visual Mode** ให้เราเห็นว่ากำลังเลือกอะไรอยู่ก่อนสั่ง Operator

- ตรงกับแนวคิดของ Editor อื่น ๆ ที่คุ้นเคย
- **Select → Act**

### 5.5.1 Visual Mode 3 แบบ

- `v` — Character-wise: เลือกทีละตัวอักษร
- `V` — Line-wise: เลือกทีละบรรทัดเต็ม
- `Ctrl+v` — Block-wise: เลือกเป็นสี่เหลี่ยมคอลัมน์

---

## 5.5.2 Yank / Delete / Change กับ Selection

เมื่อเลือกด้วย Visual Mode แล้ว สามารถกด Operator ได้ทันที

- `y` — yank พื้นที่ที่เลือก
- `d` — ลบพื้นที่ที่เลือก
- `c` — ลบและเข้า Insert Mode
- `>` / `<` — เพิ่ม / ลด indent
- `=` — Auto-indent ตามภาษา
- `gU` / `gu` — แปลงเป็นพิมพ์ใหญ่ / เล็ก
- `~` — สลับพิมพ์เล็ก-ใหญ่

---

## 5.5.3 Block Indent

เมื่อต้องการ indent โค้ดหลายบรรทัดพร้อมกัน:

1. กด `V` ที่บรรทัดแรก
2. กด `5j` เพื่อเลือก 5 บรรทัดลงไป
3. กด `>` เพื่อเพิ่ม indent หรือ `<` เพื่อลด indent
4. กด `.` เพื่อทำซ้ำการ indent เดิม

---

## 5.5.4 Multi-line Insert (Ctrl+V + I + Esc)

**เทคนิคสุดยอดของ Visual Block Mode** — เพิ่มข้อความหลายบรรทัดพร้อมกัน

```text
line1 = "hello"
line2 = "world"
line3 = "vim"
```

**ขั้นตอน:**
1. เลื่อน Cursor ไปที่ต้นบรรทัดแรก
2. กด `Ctrl+v` (Visual Block)
3. กด `2j` เพื่อขยายการเลือกลง (รวม 3 บรรทัด)
4. กด `I` → พิมพ์ "# " → กด `Esc`

---

## 5.5.4 Multi-line Insert (ผลลัพธ์)

**ผลลัพธ์:**
```text
# line1 = "hello"
# line2 = "world"
# line3 = "vim"
```

**การลบ column พร้อมกัน:**
1. เลื่อน Cursor ไปที่ # บรรทัดแรก
2. กด `Ctrl+v` → `2j` → `l l` → `d`

---

## Workflow ของ Visual Mode

<pre class="mermaid">
%%{init: {'theme':'base','themeVariables':{
 'primaryColor':'#3c3836','primaryTextColor':'#ebdbb2','primaryBorderColor':'#fabd2f',
 'lineColor':'#fe8019','secondaryColor':'#504945',
 'background':'#282828','mainBkg':'#3c3836','clusterBkg':'#32302f',
 'clusterBorder':'#b8bb26','fontFamily':'monospace'
}}}%%
flowchart TB
 subgraph Select [ขั้นตอน Select]
 S1[v: Character] --> S2[V: Line]
 S2 --> S3[Ctrl+v: Block]
 end
 subgraph Operate [ดำเนินการ]
 O1[y: Yank]
 O2[d: Delete]
 O3[c: Change]
 O4[Indent +/-]
 end
 Select --> Operate
</pre>

---

# 5.6
## Search และ Replace
### (ค้นหาและแทนที่)

---

## 5.6 Search และ Replace

การค้นหา-แทนที่ของ Vim ใช้ Regular Expression ที่ทรงพลัง

- สามารถทำ Refactoring เชิงข้อความได้อย่างรวดเร็ว

### 5.6.1 Pattern (ค้นหา)

- `/foo` — หาคำว่า `foo` ไปข้างหน้า
- `?foo` — หาคำว่า `foo` ย้อนกลับ
- `n` / `N` — ผลถัดไป / ก่อนหน้า
- `*` / `#` — หาคำใต้ Cursor ไปข้างหน้า / ย้อนกลับ
- `g*` / `g#` — เหมือน `*`/`#` แต่ไม่ใช่ whole word

---

## 5.6.2 Substitute Command

**รูปแบบทั่วไป:** `:[range]s/pattern/replacement/[flags]`

- `:s/old/new/` — แทนที่**ครั้งแรก**ในบรรทัดปัจจุบัน
- `:s/old/new/g` — แทนที่**ทุกครั้ง**ในบรรทัดปัจจุบัน
- `:%s/old/new/g` — แทนที่ทุกครั้งใน**ทั้งไฟล์**
- `:%s/old/new/gc` — แทนที่ทุกครั้ง แต่**ถามยืนยันทุกครั้ง**
- `:5,10s/old/new/g` — แทนที่เฉพาะบรรทัดที่ 5 ถึง 10

---

## 5.6.3 Range

| Range | ความหมาย |
| --- | --- |
| `.` | บรรทัดปัจจุบัน |
| `$` | บรรทัดสุดท้าย |
| `%` | ทั้งไฟล์ (เทียบเท่า `1,$`) |
| `1,10` | บรรทัดที่ 1 ถึง 10 |
| `.,+5` | บรรทัดปัจจุบันลงไปอีก 5 บรรทัด |
| `'<,'>` | ช่วงที่เพิ่งเลือกใน Visual Mode |
| `/pat1/,/pat2/` | จากบรรทัดที่ match pat1 ถึง pat2 |

---

## 5.6.4 Flag

- `g` — **g**lobal: ทุกจุดที่พบในบรรทัด
- `c` — **c**onfirm: ถามยืนยันทุกครั้ง (y/n/a/q/l)
- `i` — **i**gnore case
- `I` — case sensitive (บังคับ)
- `n` — **n**umber: แค่นับจำนวน match โดยไม่แทน

---

## 5.6.5 Regular Expression ใน Vim

Vim มีโหมด regex ของตัวเอง เรียกว่า **Magic Mode**

| รูปแบบ | ความหมาย | ตัวอย่าง |
| --- | --- | --- |
| `.` | ตัวอักษรใดก็ได้ 1 ตัว | `a.c` → abc, axc |
| `*` | 0+ ตัวของตัวก่อนหน้า | `ab*` → a, ab, abb |
| `\+` | 1+ ตัว | `ab\+` → ab, abb |
| `\?` | 0 หรือ 1 ตัว | `colou\?r` |
| `\d` | ตัวเลข 0-9 | `\d\+` |
| `\w` | word character | `\w\+` |
| `\s` | whitespace | `\s\+` |

---

## 5.6.5 Regular Expression (ต่อ)

| รูปแบบ | ความหมาย | ตัวอย่าง |
| --- | --- | --- |
| `^` | ต้นบรรทัด | `^#` → บรรทัดที่ขึ้นต้นด้วย # |
| `$` | ท้ายบรรทัด | `;\s*$` |
| `$...$` | group | `$ab$\+` |
| `\1`, `\2` | back-reference | |

**Very Magic Mode** — เพิ่ม `\v` ที่ต้น pattern เพื่อใช้ regex แบบ PCRE-like

```vim
" Very magic (\v) — อ่านง่ายกว่า:
:%s/\v(foo)(bar)/\2\1/g
```

---

## ตัวอย่างการ Refactor ด้วย Substitute

```vim
" 1) เปลี่ยน user_name เป็น username ทั้งไฟล์ (ถามก่อน)
:%s/user_name/username/gc

" 2) ลบบรรทัดว่างที่ซ้ำหลายบรรทัด ให้เหลือบรรทัดว่างเดียว
:%s/\n\n\+/\r\r/g

" 3) เพิ่ม type hint
:%s/\vdef (\w+)$user_name$:/def \1(user_name: str):/g

" 4) แทนคำเฉพาะ case-insensitive
:%s/alice/Bob/gi
```

---

# 5.7
## การทำงานกับไฟล์
### และ Buffer

---

## 5.7.1 คำสั่งบันทึกและออก

| คำสั่ง | ความหมาย |
| --- | --- |
| `:w` | บันทึก (**w**rite) |
| `:w filename` | บันทึกเป็นชื่อใหม่ |
| `:w !sudo tee %` | บันทึกด้วย sudo |
| `:q` | ออก (**q**uit) |
| `:q!` | ออกโดยไม่บันทึก |
| `:wq` / `:x` / `ZZ` | บันทึกและออก |
| `ZQ` | ออกโดยไม่บันทึก |
| `:wa` / `:qa` / `:wqa` | บันทึก / ออก / ทั้งหมด ทุก buffer |

---

## 5.7.2 Buffer

**Buffer** คือไฟล์ที่เปิดใน memory ของ Vim หนึ่ง session

- `:e filename` — **e**dit เปิดไฟล์ (สร้าง buffer ใหม่)
- `:ls` หรือ `:buffers` — แสดงรายการ buffer ทั้งหมด
- `:b <number>` หรือ `:b <name>` — สลับไป buffer
- `:bn` — **b**uffer **n**ext
- `:bp` — buffer previous
- `:bd` — **b**uffer **d**elete (ปิด buffer)
- `:bufdo <cmd>` — รันคำสั่งกับทุก buffer

---

## 5.7.3 Window Split

- `:sp` / `:split` — แยกจอแนวนอน (บน-ล่าง)
- `:vsp` / `:vsplit` — แยกจอแนวตั้ง (ซ้าย-ขวา)
- `Ctrl+w` + `h/j/k/l` — สลับไปหน้าต่างตามทิศทาง
- `Ctrl+w` + `w` — สลับหน้าต่างตามลำดับ
- `Ctrl+w` + `q` — ปิดหน้าต่างปัจจุบัน
- `Ctrl+w` + `=` — ปรับหน้าต่างให้เท่ากัน
- `Ctrl+w` + `_` / `|` — ขยายแนวตั้ง / แนวนอนสูงสุด
- `Ctrl+w` + `+`/`-`/`>`/`<` — ปรับขนาด

---

## 5.7.4 Tab

**Tab** ของ Vim ต่างจาก Tab ของ Editor อื่น

- เป็น **กลุ่มของ window layout** (ไม่ใช่ tab สำหรับเปิดไฟล์)

**คำสั่ง:**
- `:tabnew` — สร้างแท็บใหม่
- `:tabnew filename` — เปิดไฟล์ในแท็บใหม่
- `gt` — แท็บถัดไป
- `gT` — แท็บก่อนหน้า
- `:tabclose` — ปิดแท็บ
- `:tabs` — แสดงรายการแท็บ

---

## 5.7.5 Register

**Register** คือพื้นที่เก็บข้อความที่ yank/delete ไว้ (คล้าย Clipboard หลายช่อง)

| Register | ความหมาย |
| --- | --- |
| `"` | Unnamed register (default) |
| `0` | Yank register (เฉพาะ yank ล่าสุด) |
| `1-9` | Delete history |
| `a-z` | Named register (ผู้ใช้กำหนด) |
| `A-Z` | Append to named register |
| `+` | System clipboard |

---

## 5.7.5 Register (ต่อ)

| Register | ความหมาย |
| --- | --- |
| `*` | Primary selection (X11 middle-click) |
| `/` | Last search pattern |
| `:` | Last ex command |
| `.` | Last inserted text |
| `%` | Current filename |

```vim
" yank บรรทัดไปเก็บใน register a
"ayy
" paste จาก system clipboard
"+p
" ดู register ทั้งหมด
:registers
```

---

# 5.8
## การตั้งค่า Vim
### (Vim Configuration)

---

## 5.8.1 ไฟล์คอนฟิก

**ตำแหน่งไฟล์คอนฟิก:**

- **Vim:** `~/.vimrc` (Linux/macOS)
- **Vim:** `~/_vimrc` (Windows)
- **Neovim:** `~/.config/nvim/init.vim`
- **Neovim สมัยใหม่:** `~/.config/nvim/init.lua`

> เมื่อเปิด Vim จะโหลดไฟล์เหล่านี้อัตโนมัติ
> สามารถ reload ขณะใช้งานด้วย `:source ~/.vimrc` หรือ `:so $MYVIMRC`

---

## 5.8.2 Options สำคัญ — General

```vim
" --- General ---
set nocompatible       " ไม่ใช้โหมดเข้ากันกับ vi
set number             " แสดงเลขบรรทัด
set relativenumber     " แสดงเลขบรรทัดแบบสัมพัทธ์
set cursorline         " เน้นบรรทัดที่ cursor อยู่
set showcmd            " แสดง command ที่กำลังพิมพ์
set showmode           " แสดง mode ปัจจุบัน
set scrolloff=8        " เก็บ 8 บรรทัดขึ้นล่างขณะเลื่อน
set wrap               " ตัดคำเมื่อบรรทัดยาว
```

---

## 5.8.2 Options สำคัญ — Indentation

```vim
" --- Indentation ---
set tabstop=4 " แสดง Tab เป็น 4 ช่อง
set softtabstop=4 " กด Tab/Backspace ครั้งละ 4 ช่อง
set shiftwidth=4 " >> / << ครั้งละ 4 ช่อง
set expandtab " แปลง Tab เป็น Space
set autoindent " สืบทอด indent จากบรรทัดก่อน
set smartindent " เพิ่ม indent เมื่อขึ้นบรรทัดหลัง {
```

---

## 5.8.2 Options สำคัญ — Search & File

```vim
" --- Search ---
set hlsearch       " ไฮไลต์ผลการค้นหา
set incsearch      " ค้นหาแบบ incremental
set ignorecase     " ไม่สนตัวพิมพ์เล็ก-ใหญ่
set smartcase      " ถ้า pattern มีตัวพิมพ์ใหญ่ → case-sensitive

" --- File ---
set encoding=utf-8        " ใช้ UTF-8 (สำคัญสำหรับภาษาไทย)
set undofile              " เก็บ undo history ข้าม session
set undodir=~/.vim/undodir
set autoread              " reload เมื่อไฟล์เปลี่ยน
```

---

## 5.8.2 Options สำคัญ — UI

```vim
" --- UI ---
syntax on                  " เปิด syntax highlighting
set termguicolors          " รองรับสีแบบ 24-bit
set background=dark        " พื้นหลังมืด
colorscheme gruvbox        " ใช้ theme Gruvbox Dark
set mouse=a                " เปิดใช้งาน mouse ทุกโหมด
set clipboard=unnamedplus  " ใช้ system clipboard

" --- Leader Key ---
let mapleader = " "        " ตั้ง Space เป็น Leader Key
```

---

## 5.8.2 Options — Key Mappings

```vim
" บันทึกด้วย <Leader>w
nnoremap <leader>w :w<CR>
nnoremap <leader>q :q<CR>
nnoremap <leader>h :nohlsearch<CR>

" ย้าย window
nnoremap <C-h> <C-w>h
nnoremap <C-j> <C-w>j
nnoremap <C-k> <C-w>k
nnoremap <C-l> <C-w>l

" Visual mode: ย้ายบรรทัดที่เลือก
vnoremap J :m '>+1<CR>gv=gv
vnoremap K :m '<-2<CR>gv=gv
```

---

## 5.8.3 Color Scheme

| Scheme | สไตล์ |
| --- | --- |
| **Gruvbox Dark** | Retro warm (น้ำตาล-เหลือง) |
| **Solarized** | คอนทราสต์ต่ำ สบายตา |
| **Nord** | โทนฟ้า-เทาเย็น |
| **Catppuccin** | Pastel ทันสมัย |
| **Tokyo Night** | มืดโทนม่วง-น้ำเงิน |
| **Dracula** | ม่วงเข้ม-ชมพู |
| **One Dark** | คล้าย Atom One Dark |

---

## ติดตั้ง Gruvbox ด้วย vim-plug

```vim
" ใน ~/.vimrc
call plug#begin('~/.vim/plugged')
Plug 'morhetz/gruvbox'
call plug#end()

" หลังจาก :PlugInstall
set background=dark
colorscheme gruvbox
```

---

## 5.8.4 Key Mapping

| คำสั่ง | ความหมาย | โหมด |
| --- | --- | --- |
| `:map` | ทั่วไป + recursive | all |
| `:nmap` | Normal + recursive | n |
| `:imap` | Insert + recursive | i |
| `:vmap` | Visual + recursive | v |
| `:noremap` | **ไม่** recursive | all |
| `:nnoremap` | Normal **ไม่** recursive | n |
| `:inoremap` | Insert **ไม่** recursive | i |
| `:vnoremap` | Visual **ไม่** recursive | v |

> ⚠️ **แนะนำให้ใช้ `noremap`** เพื่อป้องกัน recursive mapping

---

## ตัวอย่าง Key Mapping

```vim
" map jj เป็น Esc ใน Insert Mode
inoremap jj <Esc>

" เปิดเทอร์มินัลใน split ด้วย <Leader>t
nnoremap <leader>t :belowright split \| terminal<CR>

" จัดตัวอักษรใน selection ให้อยู่กึ่งกลาง
vnoremap <leader>c :center<CR>
```

---

## 5.8.5 Leader Key

**Leader Key** คือปุ่ม "อินโทร" สำหรับ mapping ของผู้ใช้

- ค่าเริ่มต้นคือ `\`
- นิยมเปลี่ยนเป็น `Space` เพราะกดง่าย

```vim
let mapleader = " "         " Space
let maplocalleader = ","    " Comma สำหรับ filetype-specific

" ตัวอย่างการใช้ Leader
nnoremap <leader>w :w<CR> " Space + w บันทึก
nnoremap <leader>q :q<CR> " Space + q ออก
```

---

# 5.9
## Plugin Manager
### และ Plugin ยอดนิยม

---

## 5.9.1 Plugin Manager

**Plugin** เป็นการขยายความสามารถของ Vim

| Manager | ภาษา | จุดเด่น |
| --- | --- | --- |
| **vim-plug** | VimL | เบา เรียบง่าย นิยมที่สุด |
| **Vundle** | VimL | รุ่นเก่า |
| **Pathogen** | VimL | จัดการ runtime path |
| **dein.vim** | VimL | เร็ว รองรับ async |
| **packer.nvim** | Lua | สำหรับ Neovim |
| **lazy.nvim** | Lua | ทันสมัย lazy-loading ในตัว |

---

## ติดตั้ง vim-plug

```bash
# สำหรับ Vim
$ curl -fLo ~/.vim/autoload/plug.vim --create-dirs \
    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

# สำหรับ Neovim
$ sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \
       https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'
```

---

## การใช้งาน vim-plug ใน .vimrc

```vim
call plug#begin('~/.vim/plugged')

Plug 'morhetz/gruvbox'                 " Color scheme
Plug 'preservim/nerdtree'              " File explorer
Plug 'junegunn/fzf', { 'do': { -> fzf#install() } }
Plug 'junegunn/fzf.vim'                " Fuzzy finder
Plug 'tpope/vim-fugitive'              " Git
Plug 'vim-airline/vim-airline'         " Status line
Plug 'neoclide/coc.nvim', {'branch': 'release'}
Plug 'tpope/vim-surround'              " Editing helper

call plug#end()
```

---

## คำสั่ง vim-plug

- `:PlugInstall` — ติดตั้ง plugin ที่ประกาศไว้
- `:PlugUpdate` — อัปเดต
- `:PlugClean` — ลบ plugin ที่เอาออกจากลิสต์
- `:PlugStatus` — ดูสถานะ
- `:PlugUpgrade` — อัปเดตตัว vim-plug เอง

---

## 5.9.2 File Explorer

- **NERDTree** — Tree view แบบคลาสสิก สำหรับ Vim ดั้งเดิม
- **nvim-tree** — File explorer สำหรับ Neovim เขียนด้วย Lua
- **neo-tree** — ทันสมัยสุด รองรับ buffer/git view
- **oil.nvim** — แก้ไข directory เหมือน buffer
  - (edit filesystem as text)

---

## 5.9.3 Fuzzy Finder

- **fzf.vim** — Integration ของ fzf (command line fuzzy finder)
- **Telescope.nvim** — สำหรับ Neovim มี UI สวย extensible
- **CtrlP** — รุ่นเก่าที่ทำงานได้ดี

```vim
" ตัวอย่าง fzf.vim key mappings
nnoremap <leader>ff :Files<CR> " ค้นหาไฟล์
nnoremap <leader>fg :GFiles<CR> " ค้นหาไฟล์ใน git
nnoremap <leader>fb :Buffers<CR> " ค้นหา buffer
nnoremap <leader>fr :Rg<CR> " ripgrep ค้นหาข้อความ
```

---

## 5.9.4 Completion

**Plugin สำหรับ Auto-completion:**

- **coc.nvim** — Intellisense engine นิยมในหมู่ Vim user
  - ใช้ Node.js
- **nvim-cmp** — Completion engine พื้นฐานของ Neovim (Lua)
- **YouCompleteMe** — รุ่นเก่า ต้อง compile
- **deoplete.nvim** — Async completion

---

## 5.9.5 Linter / Formatter

**Plugin สำหรับตรวจสอบและจัดรูปแบบโค้ด:**

- **ALE** (Asynchronous Lint Engine)
  - รัน linter/formatter แบบ async
- **null-ls.nvim** / **none-ls.nvim**
  - สร้าง LSP virtual server จาก CLI tool
- **conform.nvim**
  - Formatter-focused plugin สมัยใหม่

---

## 5.9.6 Git Integration

- **vim-fugitive** — Git porcelain ใน Vim (โดย Tim Pope)
- **gitsigns.nvim** — แสดง +/- ที่ gutter (Lua)
- **vim-gitgutter** — แสดง +/- (VimL)
- **lazygit.nvim** — integrate lazygit TUI

```vim
" vim-fugitive — ตัวอย่างคำสั่ง
:Git              " git status ใน window
:Git blame        " git blame
:Git commit       " commit
:Gdiffsplit       " diff split
```

---

## 5.9.7 Statusline

**Plugin สำหรับแถบสถานะด้านล่าง:**

- **vim-airline**
  - Statusline คลาสสิก มีธีม
- **lualine.nvim**
  - สำหรับ Neovim เขียนด้วย Lua เร็วมาก
- **lightline.vim**
  - เบาและเร็ว

---

# 5.10
## Neovim และ Modern Vim

---

## 5.10 Neovim

**Neovim** (nvim) เป็น fork ของ Vim ที่เริ่มในปี 2014

- โดย Thiago de Arruda
- เป้าหมาย:
  - ปรับปรุงโครงสร้างภายใน Vim ให้ทันสมัย
  - รองรับการพัฒนาแบบชุมชน
  - เพิ่มความสามารถที่ Vim ดั้งเดิมทำได้ยาก

---

## 5.10.1 Vim vs Neovim (ส่วนที่ 1)

| คุณสมบัติ | Vim | Neovim |
| --- | --- | --- |
| Config | VimL | VimL + **Lua** |
| Async API | บางส่วน (Vim 8+) | เต็มรูปแบบ |
| Embedded Terminal | `:terminal` (Vim 8+) | native |
| LSP Client | ต้องผ่าน plugin | **Built-in LSP** |
| Treesitter | ไม่มี native | **Built-in** |

---

## 5.10.1 Vim vs Neovim (ส่วนที่ 2)

| คุณสมบัติ | Vim | Neovim |
| --- | --- | --- |
| RPC / GUI API | จำกัด | เต็มรูปแบบ |
| Default Binding | Backward compatible | ปรับปรุงบ้าง |
| Codebase | เน้น backward compat | refactor ให้อ่านง่าย |
| Plugin ใหม่ | ใช้ร่วมกับ Vim ได้ | มี ecosystem Lua เฉพาะ |

---

## 5.10.2 Lua Configuration — Basics

```lua
-- ~/.config/nvim/init.lua

-- Leader key (ต้องตั้งก่อนโหลด plugin)
vim.g.mapleader = " "
vim.g.maplocalleader = ","

-- Options
local opt = vim.opt
opt.number = true
opt.relativenumber = true
opt.cursorline = true
opt.expandtab = true
opt.tabstop = 4
```

---

## 5.10.2 Lua Configuration — Mappings

```lua
-- Key mapping helper
local map = vim.keymap.set

-- Basic mappings
map("n", "<leader>w", ":w<CR>", { desc = "Save" })
map("n", "<leader>q", ":q<CR>", { desc = "Quit" })

-- Window navigation
map("n", "<C-h>", "<C-w>h")
map("n", "<C-j>", "<C-w>j")

-- Visual mode: move lines
map("v", "J", ":m '>+1<CR>gv=gv")
```

---

## 5.10.3 LSP (Language Server Protocol)

**LSP** เป็น Protocol ที่แยกการวิเคราะห์ภาษาออกจาก Editor

- Language Server ตัวเดียวใช้ได้กับหลาย Editor

**Components ใน Neovim:**

- **Neovim Built-in LSP Client** (`vim.lsp`) — อยู่ใน core ตั้งแต่ v0.5
- **mason.nvim** — Package manager สำหรับ LSP Server, DAP, Linter, Formatter
- **mason-lspconfig.nvim** — bridge ระหว่าง mason กับ nvim-lspconfig
- **nvim-lspconfig** — preset config สำหรับ Language Server

---

## ตัวอย่าง LSP Setup ด้วย lazy.nvim

```lua
{
  "williamboman/mason.nvim",
  config = function()
    require("mason").setup()
  end,
},
{
  "williamboman/mason-lspconfig.nvim",
  config = function()
    require("mason-lspconfig").setup({
      ensure_installed = {
        "lua_ls", "pyright", "tsserver",
        "gopls", "rust_analyzer", "clangd",
      },
    })
  end,
},
```

---

## LSP — Key Mappings เมื่อ Attach

```lua
vim.api.nvim_create_autocmd("LspAttach", {
 callback = function(event)
 local opts = { buffer = event.buf }
 vim.keymap.set("n", "gd", vim.lsp.buf.definition, opts)
 vim.keymap.set("n", "gr", vim.lsp.buf.references, opts)
 vim.keymap.set("n", "K", vim.lsp.buf.hover, opts)
 vim.keymap.set("n", "<leader>rn", vim.lsp.buf.rename, opts)
 vim.keymap.set("n", "<leader>ca", vim.lsp.buf.code_action, opts)
 end,
})
```

---

## 5.10.4 Treesitter

**Treesitter** สร้าง Concrete Syntax Tree ของโค้ด

- ทำให้ Syntax Highlighting แม่นยำกว่า regex-based แบบเดิม

**เปิดประตูสู่ feature:**

- Syntax Highlighting ที่เข้าใจโครงสร้างจริง
- Incremental Selection (ขยายตาม node)
- Text Object ระดับ function, class, argument
- Folding ตามโครงสร้างโค้ด
- Rainbow parentheses
- Structural Editing

---

## ตัวอย่าง Treesitter Setup

```lua
{
  "nvim-treesitter/nvim-treesitter",
  build = ":TSUpdate",
  config = function()
    require("nvim-treesitter.configs").setup({
      ensure_installed = {
        "lua", "vim", "python", "javascript",
        "typescript", "go", "rust", "c", "cpp",
        "bash", "markdown", "json", "yaml",
      },
      highlight = { enable = true },
      indent = { enable = true },
    })
  end,
}
```

---

## 5.10.5 Pre-configured Neovim

สำหรับผู้ที่ไม่อยาก config เองทั้งหมด:

| Distribution | จุดเด่น |
| --- | --- |
| **LazyVim** | Modular, lazy-loaded ทันสมัยที่สุด |
| **NvChad** | UI สวย เน้นความเร็ว |
| **AstroNvim** | รองรับภาษาเยอะ พร้อมใช้ |
| **LunarVim** | มี feature เยอะ คล้าย IDE |
| **kickstart.nvim** | config เดี่ยว ~500 บรรทัด อ่านง่าย |
| **SpaceVim** | คล้าย Spacemacs มี layer system |

---

## ติดตั้ง LazyVim

```bash
# สำรอง config เดิม
$ mv ~/.config/nvim ~/.config/nvim.bak
$ mv ~/.local/share/nvim ~/.local/share/nvim.bak
$ mv ~/.local/state/nvim ~/.local/state/nvim.bak
$ mv ~/.cache/nvim ~/.cache/nvim.bak

# Clone LazyVim starter
$ git clone https://github.com/LazyVim/starter ~/.config/nvim
$ rm -rf ~/.config/nvim/.git

# เปิด Neovim — จะติดตั้ง plugin อัตโนมัติ
$ nvim
```

---

## ประวัติวิวัฒนาการของ Vim

<pre class="mermaid">
%%{init: {'theme':'base','themeVariables':{
 'primaryColor':'#3c3836','primaryTextColor':'#ebdbb2','primaryBorderColor':'#fabd2f',
 'lineColor':'#fe8019','secondaryColor':'#504945','tertiaryColor':'#32302f',
 'background':'#282828','mainBkg':'#3c3836','clusterBkg':'#32302f',
 'clusterBorder':'#b8bb26','fontFamily':'monospace'
}}}%%
flowchart LR
 ed[ed 1971] --> ex[ex 1976]
 ex --> vi[vi 1976]
 vi --> vim[Vim 1991]
 vim --> vim7[Vim 7 2006]
 vim7 --> vim8[Vim 8 2016]
 vim --> nvim[Neovim 2014]
 nvim --> nvim05[Neovim 0.5 Lua, LSP]
 nvim05 --> nvim09[Neovim 0.9+ Treesitter]
 nvim09 --> lazy[LazyVim/NvChad/ AstroNvim]
</pre>

---

## เส้นโค้งการเรียนรู้ Vim

**Exponential Learning Curve** — ความชำนาญ (Proficiency) เพิ่มตามเวลาฝึก:

- **P(t)** = ระดับความชำนาญที่เวลา t
- **Pmax** = ระดับความชำนาญสูงสุดที่เป็นไปได้
- **λ** = ค่าคงที่อัตราการเรียนรู้
- ผู้ใช้ส่วนใหญ่ "ผ่านโค้งชัน" ใน 2-4 สัปดาห์

---

# บทสรุป (Summary)

---

## บทสรุป — ทำไมต้องเรียน Vim?

Vim คือเครื่องมือที่ลงทุนเรียนรู้ครั้งเดียว ใช้ได้ตลอดชีวิต

1. **มีอยู่ทุกที่** (ubiquity) — SSH เข้า Server ใดก็ใช้ได้ทันที
2. **Modal Editing ลด Keystroke** อย่างมีนัยสำคัญ
3. **Composable** — ผสม Operator + Motion + Text Object ได้ไม่จำกัด
4. **Extensible** — Plugin ecosystem ใหญ่ มี Neovim ต่อยอด
5. **ปรัชญา "Editor as Code"** — config เป็น text file version control ได้

---

## ข้อเสนอแนะสำหรับผู้เริ่มต้น

- เริ่มจาก `vimtutor` (พิมพ์ใน terminal ได้ทันที)
- ตั้งเป้าใช้ Vim เป็น **daily driver** 2-4 สัปดาห์แรก
  - ยอมช้าก่อนเพื่อสร้าง muscle memory
- เริ่มจาก `.vimrc` พื้นฐาน เน้น:
  - `set number`, `set relativenumber`
  - Color Scheme และ Leader Key
- ค่อย ๆ เพิ่ม Plugin ทีละตัว
- หากใช้ Neovim ให้ลอง **LazyVim** หรือ **kickstart.nvim**

---

# คําถาม - ข้อสงสัย