# 完全用 GNU/Linux 工作
### 11. Hacking Vim
[Vim](http://zh.wikipedia.org/wiki/Vim) 是功能完整且強大的文字編輯器 (Text Editor,以下簡稱 Editor),相信接觸過 GNU/Linux 的伙伴都曾接觸過。相信不少人對於它的印象就如同 COSCUP 2011 的經典名句「**第一次用 vi 時進的去出不來**」一樣,不過凍仁相信,只要事先做過些功課,便可習得第一成的功力,待大成後,其帶來的便利性是其他的 Editor 難以取代的!
![write 11.hacking-vim.md with Vim.](https://box.kancloud.cn/2015-08-18_55d2bba8e0317.png)
▲ 使用 markdown 語法撰寫鐵人賽文章的截圖。視窗切割及 CtrlP 火力展示,其怖景主題為 [fu](http://www.vim.org/scripts/script.php?script_id=3117)。
我們除了可以在終端機輸入 *vimtutor* 取得 **Vim 使用手冊**,也可於網際網路上取得不少資源。
![2013-09-28-vim-learning-curve.png](https://box.kancloud.cn/2015-08-18_55d2bba907892.png "2013-09-28-vim-learning-curve.png")
▲ Vi 學習曲線圖。
![Vim 命令圖解](https://box.kancloud.cn/2015-08-18_55d2bba91a354.png)
▲ [vgod 匯整的 Vim 入門圖解說明](http://blog.vgod.tw/2009/12/08/vim-cheat-sheet-for-programmers/)
從**土法煉鋼**、**快速移動**、**加強技巧**、**使用套件 (plugin)** 到**打造屬於自己的 Vim** 前後得花了不少的時間及心力,但我們可以在各個平台 (Android, GNU/Linux, iOS, Mac OSX, Windows)、軟體 (Bash, Chrome, Firefox, MySQL, Python, vifm, [Visual Studio](http://visualstudiogallery.msdn.microsoft.com/59ca71b3-a4a3-46ca-8fe1-0e90e3f79329 "VsVim 擴充功能"), w3m) 以及網路服務 (Facebook, Gmail) 中發現它的影子,是個習得一招半式便可打遍天下無敵手的 Editor,對凍仁而言它是個很棒的投資!
部份的發行版本只會預載 [Vi](http://zh.wikipedia.org/wiki/Vi) 而沒有 Vim,這時請手動安裝它。
~~~
# Debian, Ubuntu on Gnome, Unity
$ sudo aptitude install vim-gnome
# Debian, Ubuntu on KDE, Evilwm
$ sudo aptitude install vim-gtk
# CentOS, Fedora
$ sudo yum install vim-X11
~~~
### 凍仁的 Vim
如想取得凍仁完整的 Vim 環境設定 (vimrc),請參考 [凍仁的 GitHub](https://github.com/chusiang/vimrc)。
~~~
# 下載凍仁的環境設定。
$ git clone https://github.com/chusiang/vimrc.git
# 切換目錄。
$ cd vimrc/
# 備份原設定。
$ make backup
# 安裝。
$ make install
# 開啟 Vim。
$ vim
# 安裝各式的 vim 套件。
:NeobundleInstall
~~~
以下設定可寫入 $HOME/.vimrc,這樣下次啟動 Vim 時設定才會存在。
#### 更換 [fu](http://www.vim.org/scripts/script.php?script_id=3117) 怖景主題
~~~
colorscheme fu
~~~
#### 使用 F5, F6 開啟當前編輯的網頁
~~~
" - local.drx.tw (PHP)
nnoremap <F5> :silent update<Bar>silent !firefox %:p:s?\(.\{-}/\)\{4}?http://local.drx.tw/?<CR>
" - current file (Ex: html, txt)
nnoremap <F6> :silent update<Bar>silent !firefox %:p &<CR>
~~~
### 常用指令
#### 內文取代
- s: 取代。
- g: 對該行所有的字元進行處理。
- c: 檢查。
全文取代。
~~~
:%s/old_world/new_world/gc
~~~
取代第 5 ~ 10 行。
~~~
:5,10s/old_world/new_world/gc
~~~
#### 啟用貼上模式
若有設定自動縮排 (set hls),在貼上程式碼時會有走山的情形,這時可以先切換成貼上模式再貼上。
~~~
:set paste
~~~
#### 比對檔案差異
稱職的系統管理者是勤於備份的,在更動設定檔 (conf) 前一定會先複製一份。在眾多版本中的難以使用肉眼查覺出差異,這時可用 diff, Vim 或 Meld 來比對。
~~~
# 在 Vim 底下時,請使用 :diffsplit。
$ vi <file1>
...
:diffsplit <file2>
# 在 bash 底下時,請使用 vimdiff。
$ vimdiff <file1> <file2>
~~~
#### 將內容轉成 HTML
`:TOhtml` 會產生與 Vim 上一模一樣的 html,對於想用網頁秀出程式碼的人是必備的功能 ([範例](http://formatvim.sourceforge.net/samples/allfolds.html)) 。
~~~
$ vi /usr/local/bin/powersave
......
:TOhtml
~~~
Vim 是個有門檻的文字編輯器,但凍仁相信只要用對方法,一步一步前進就可以早日駕馭它。建議初學者可以先套前人的 vimrc,並試著修改它,不懂的部份只要 Google 一下相信可以找到不少的解答。
**努力學習 Vim,成為一位好的 Vimmer 吧!**
### 資料來源
- [Vim Hacks (OSSF) | c9s](http://www.slideshare.net/c9s/vim-hacks-ossf)
- [008 vim超基礎入門 | 小 B](http://www.slideshare.net/BruceLi2/008-vim)
- [心得:使用 Vim 編輯器的第一年](http://joe-dev.blogspot.tw/2012/10/vim.html)
- [給程式設計師的 Vim 入門圖解說明 | vgod's blog](http://blog.vgod.tw/2009/12/08/vim-cheat-sheet-for-programmers/)
- [Vim 功能介紹 | 小惡魔 - 電腦技術 - 工作筆記 - AppleBOY](http://blog.wu-boy.com/2006/12/vim-%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%B4%B9/)
- [鳥哥的 Linux 私房菜 -- vim 程式編輯器](http://linux.vbird.org/linux_basic/0310vi.php)
- [大家來學VIM(一個歷久彌新的編輯器)](http://www.study-area.org/tips/vim/)
- [be_vimmer_tw (@be_vimmer_tw) | Twitter](https://twitter.com/be_vimmer_tw)
- 介紹
- 前言
- 建立開機媒體 (隨身碟、光碟)
- 網路設定
- 套件管理
- 套件庫及鏡像站
- 安裝驅動程式
- 簡易的防火牆 - UFW & GUFW
- 電源管理 - PowerTOP
- Hacking Bash
- Shell Scripts
- Hacking Vim
- Vim 套件管理 - NeoBundle
- Pentadactyl
- 色碼擷取器 - Gpick vs Gcolor2
- 文字界面的字典 sdcv
- 於 Vim 裡使用 sdcv
- 商業版的 Wine - CrossOver
- 藉由 CrossOver 安裝 Microsoft Office 2007
- 虛擬機器 - VMware Player 5
- 增進 SSH 使用效率 - ssh_config
- 遠端桌面軟體 - Remmina
- 密碼管理員 - FPM2
- 密碼管理員 - FPM2Droid
- 視窗管理及工作區 (上)
- 視窗管理及工作區 (下)
- 使用 Clonezilla 打造不死的作業系統
- Ubuntu 系統版本升級
- 使用 Live CD 修復 Debian/Ubuntu 系統
- 檢測硬碟 SMART 健康狀態
- 銷毀資料 - Shred
- 附录
- 將 Markdown 文件轉成 HTML