Create an editor belong to yourself.

Transcript

1. VIM- 打造你的專屬編輯器 成大資訊工程 102 老魏(Lucas) <lucas.weisr@gmail.com>
2. 很久很久以前… Vim是一個文字編輯器 IDE是一個整合開發環境 Vim跟IDE比 我覺得對vim一點也不公平
8. 後宮佳麗三千 • 那我該選哪個好？ – 「聽說Eclipse跟JAVA還有Android整合得很好」 – 「DreamWaver在編輯完網頁之後可以馬上看 結果耶，超方便的」 – 「可是我喜歡用Notepad++，因為他版面簡單 又好用^_^」
9. 後宮佳麗三千 • 那我該選哪個好？ – 「我寫C，用Visual C++管理專案大好！」 – 「可是我有時候只是交個作業，還是DevC++ 好用。」 – 「你還在用那種古董編輯器喔？我現在都用 Code::Block。」 – 「那我專題寫網頁，人工智慧要寫Android、計 算理論寫Python、compiler寫lex&yacc(而且還 找不到有lex的syntax的IDE)…」
10. 可以都要嘛？
11. 太好了 • 只是如果今天我要引入Library… • 我習慣字體大小要16、背景要黑色才不會 傷眼睛。 • 我在Linux&Windows上都要開發，所以編 碼最好都改成UTF-8。 • 所以我要一個一個調…
13. 你需要的是，一個 百變的編輯器
14. 主角登場
15. 為什麼該用VIM? • 純粹的Linux哲學-要什麼自己選擇 • 所有事情鍵盤可以搞定 • 游標移動快速 • 跟shell有高度的整合 – 可以呼叫系統程式 • 安裝plug-in方便 – 網路上很多高手幫我們完成了很多事情 • 可以把自己常做的事情定義好，一鍵完成 – 可以用一個按鍵就顯示「老魏好帥」 • 上千種配色，可以挑個自己喜歡的 • Terminal介面就可以開啟，方便遠端編輯 – SSH到遠端的時候不用把資料下載回來改
16. 現在我覺得… 拿vim跟IDE比 對IDE一點也不公平
17. 開檔 • vim hello.c
18. 存檔 • :w 存檔 • :q! 關閉檔案，但不存檔 • :wqal 存檔、並且關閉分頁
19. 你已經會vim了！
20. 首先談模式 • 避免混淆，今天只介紹三種！ –Normal mode –Insert mode –Visual mode
21. 模式 Normal mode Insert mode Visual mode
22. 為什麼要有這些模式？ • 透過一些約定俗成的快速鍵(Ctrl-C, Ctrl-V..)就可以在編輯文章 中快速呼叫這些功能。這種編輯器的特色是學習門檻很低，要 記憶的只有一些特殊的快速鍵，即使不記得也能透過menu bar 找到。這樣子的UI具有容易學習(高learnability)、不容易忘記 (高memorability)、不容易產生Errors、一般用起來也不會有太 大不滿(satisfaction)。一切看起來都很美好，唯一的問題是， 這種編輯器的efficiency到底是好還是不好？…vi的這種設計避 免了快速鍵的組合爆炸（想想看如果把各種組合都對應到一個 ctrl-alt快速鍵會有多少個..），並且讓使用者能完全使用鍵盤來 精確、快速的編輯一個文件，一旦熟悉這種操作後，手都不用 離開鍵盤，不管是寫程式或是寫文章都有了一種人機合一的流 暢感，心中想到哪裡游標就能精確移動到哪裡，不管多複雜的 文字操作都能快速解決，心中的爽快感其實是難以用筆墨形容 的。 • From vgod’s blog
23. 移動 • 在編寫程式的過程中，快速的移動，就跟 一隻英雄有突進技能一樣的
24. 傳統編輯方式 • int banama = return_function(apple, orange); 怎麼辦?變成巴拿馬了？
25. 傳統編輯方式 • int banama = return_function(apple, orange); ←
26. 傳統編輯方式 • int banama = return_function(apple, orange); ←
27. 傳統編輯方式 • int banama = return_function(apple, orange); ←
28. 傳統編輯方式 • int banama = return_function(apple, orange); ←
29. 傳統編輯方式 • int banama = return_function(apple, orange); ←
30. 傳統編輯方式 • int banama = return_function(apple, orange); ← 好多好多…
31. 傳統編輯方式 • int banaa = return_function(apple, orange); Backspace
32. 傳統編輯方式 • int banana = return_function(apple, orange); n
33. 傳統編輯方式 • int banana = return_function(apple, orange);
34. vim編輯方式 • int banama = return_function(apple, orange); Fm
35. vim編輯方式 • int banama = return_function(apple, orange); r
36. vim編輯方式 • int banana = return_function(apple, orange); n
37. vim編輯方式 • int banana = return_function(apple, orange); n
38. 操作 • d - delete • c - change • y - yank(複製) • p - paste • s – substitute • r - replace • u – undo • <ctr>+r - redo • dd – 整行剪下(可當刪 除用) • yy – 整行複製 • cc – 整行刪除，並且 進入insert mode • >> - 向右縮排 • << - 向左縮排
39. 移動
40. 補習班最愛教解題技巧 • int banana = return_function(apple, orange); • int banana = D
41. 補習班最愛教解題技巧 • int banana = return_function(apple, orange); • int banana = (apple, orange); de
42. 補習班最愛教解題技巧 • int banana = return_function(apple, orange); • int banana = return_function( ); di(
43. 總之有很多！
44. 小技巧 • Vim有很多操作是可以配合數字鍵一起使用 的！ • 善用”.“可以重複上一次的操作
45. 視窗&分頁
46. 視窗 • 輸入”:” command-line mode 水平分割 垂直分割 <C-w>+[hjjk] 可以切換操作視窗 <C-w>+w 可以跳到下一個視窗 :sp :vsp
47. Quickfix • 寫程式可以呼叫vim內建的make系統 – 或者寫makefile，只要輸入”:make”就會執行 • 如果編譯有問題，可以呼叫quickfix的小視 窗在底下，來看哪裡有bug。 – vim可以辨識錯誤的位置，enter就會跳到該位 置上
48. 分頁 • Vim –p a b c 開啟的時候就有a、b、c分頁 • 編輯的過程中可以開啟分頁 • <ctr>+Page Down • <ctr>+Page Up 可以在不同tabe之間切換 :tabe tab.c
49. My .vimrc 自我介紹 我的名字叫.vimrc 我可以在你開啟vim的時候 幫你設定好任何事情！ 而且你不必付我任何一毛錢！
50. My .vimrc • 位置：~/.vimrc (/home/lucas/.vimrc) – 如果一開始找不到就自己創建一個 • 在Linux下開頭為”.”的檔案不會顯示 ls -al
51. 常用的設定 • :set autoindent – 自動縮排 • :set background=dark – 設定使用”深色主題“的高亮度 • :syntax on – 設定詞彙高亮度 • :set number – 開啟行號 • :set highlightsearch – 搜尋單字時背景高亮度 • :set cursorline – 底線
52. 設定一個tab的空白個數 • :set softtabstop=4 • :set shiftwidth=4 • :set tabstop=4
53. command-line mode的參考選項 • :set wildmenu • :set wildmode=list:full
54. Folding(摺疊)
55. Folding • set foldmethod=syntax • set foldlevel=10 • zc 折疊起來 • zo 打開 – +-- 23 行: int init(char* file, char* max----------
56. mapping • vmap – 僅在反白模式時作用(Visual mode) • nmap – 僅在常態模式時作用(Normal mode) • imap – 僅在插入模式時作用(Insert mode)
57. 為了防止對應到重覆的熱鍵... 加入nore! • vnoremap – 僅在反白模式時作用(Visual mode) • nnoremap – 僅在常態模式時作用(Normal mode) • inoremap – 僅在插入模式時作用(Insert mode)
58. 範例 " Hot key mapping { "Toggle nerd tree :noremap <F2> :NERDTreeToggle<ENTER> "Toggle Taglist :noremap <F3> :TlistToggle<ENTER> "quickly shift that line UP or DOWN :noremap <C-j> :m+<ENTER> :noremap <C-k> :m-2<ENTER> "Don't show pyc files let NERDTreeIgnore=['\.pys$'] "} “ 開頭是註解的意思
59. “我的” .vimrc
60. 小技巧 • Vim也是有滑鼠可以用的，你可以在你 的.vimrc內設定 – :set mouse=a
61. 搜尋與取代 來幾行改幾行!
62. 搜尋 • 進入Normal mode，打”/”後面就可以接 regular expresion來尋找相符合的字詞 • n下一個 • N上一個 • #、*尋找目前游標所在的字 – This is an apple – 就可以找”apple”
63. 取代 • 方式 :[範圍] s / [被取代] / [取代者] / [參數] • 範圍： – 1,100 我想要在1到100行做操作 – 1,$ 我想要從1到最後一行 – .,$ 我想從現在到最後一行 – % 所有範圍 = 1,$
64. 取代 • 參數： – g 全部都要取代 – c 確認視窗 – i 忽略大小寫 • 範例 – :40,78s/orange/banana/gi
65. 補習班又來教技巧了 • orange • apple • banana • banana command: :%s/orange\|apple/banana/g
66. 補習班又來教技巧了 • 限制選取： \< 前面不要 \>後面不要 word /the /\<the /the\> /\<the\> wether ◦ athe ◦ ◦ the ◦ ◦ ◦ ◦ then ◦ ◦
67. 補習班又來教技巧了 • 撰寫html內容，可是每行後面都要<br/> [36] Please send pdf or word file. [37] Send your HW with mail title: [38] Theory of Computation [36] Please send pdf or word file.<br/> [37] Send your HW with mail title:<br/> [38] Theory of Computation<br/> command: :36,38s/$/<br/>/g
68. 補習班又來教技巧了 • 把\n\r取代成\n • hello world\n\r • hello world\n command: :%s/\r//g
69. 補習班又來教技巧了 • 清除printf debug法 • 但要小心會連其他的printf都一起刪除 command: :g/printf/d
70. 好像也不怎麼樣阿... • 錯！ – 善用regular expresion它可以變得很巨強大 – 使用他來更改很多作業系統間的編碼問題 – 遇到很糟糕的code可以用它來簡單排版，然後 呼叫vim內建的排版來整理。
71. 小技巧 • 當你把程式碼整理到一定程度的換行以後！ 可以輸入gg=G呼叫系統內部的縮排系統來 幫你縮排，以便看清楚程式碼
72. Plug-in • Pathogen • AutoClose—Alves • NeoComplCache • The Nerd Tree • SnipMate ---(神器!必用) • EasyMotion • Taglist
73. 安裝方法 • 選好自己喜歡的plug-in以後 drwxr-xr-x+ 1 Lucas None 0 三月 22 11:14 autoload drwxr-xr-x+ 1 Lucas None 0 三月 22 11:14 doc drwxr-xr-x+ 1 Lucas None 0 三月 22 11:14 ftplugin drwxr-xr-x+ 1 Lucas None 0 三月 22 11:14 indent drwxr-xr-x+ 1 Lucas None 0 三月 22 11:14 plugin drwxr-xr-x+ 1 Lucas None 0 三月 22 11:14 syntax • 放入~/.vim/的資料夾下(沒有就自己建) • 在看有沒有初始設定需要寫入.vimrc即可
74. NeoComplCache
75. The Nerd Tree
76. SnipMate
77. EasyMotion
78. 總結 • 指令不用全部記起來，反射性的使用最重要。 • 了解你自己的需求是什麼，不要別人叫你裝什 麼就裝什麼，儘管他既不會變慢，也不會當機。 • 如果寫程式是一輩子的事情，你為什麼不選個 好一點的編輯器。 • 最後，就算你還是不想用vim，但花點時間讓 你的工具變得更鋒利吧！
79. • 本剪報許多圖片來自網路， 如有侵犯煩請告知。 • 感謝即使人不在也友情贊助 的CrBoy大大 • 歡迎來信討論:D