Zi 字媒體

帶著 Chromebook 到外面寫 Code 應該用什麼樣的工具？這篇文章告訴你為什麼 Vim 戰勝雲端編輯器和 VS Code 編輯器。 既然說 Chrome OS 就是瀏覽器，所以其實可以使用雲端開發工具。例如被 Amazon 收購的 Cloud9 IDE，或是使用 Code-server 架設雲端 Visual Studio Code 瀏覽器，甚至使用 GitHub 即將推出的 Codespaces 服務。使用起來挺方便，關掉再連回去也是目前最新的狀態；而且不用擔心檔案遺失的問題，在遠端機器上面都會自動儲存。不過如果你沒有網路，這種雲端編輯器就無用武之地了。不然也可以考慮安裝 Linux 版本的 Visual Studio Code，缺點是安裝稍嫌麻煩，而且使用起來較耗電。既然都出門了，當然是希望自己的電腦可以撐越久越好。 你也許同意，也許不同意──但我認為在 Chromebook 上使用 Vim 是最好的程式碼編輯器。 不知道怎麼使用 Vim 嗎？這裡有基本的使用介紹：vim：想打造雲端工作環境？你可以試試這個 效率 對大部分的工程師來說，你很少在開啟新的檔案，幾乎都是一直在編輯舊的檔案。這就是為什麼 Vim 進去一開始不是在插入模式，你可以使用 dd 來刪除、用 : 來跳行數、用 / 來搜尋......等等，雖然這些按鍵指令、甚至一開始要按 I 才能開始編輯讓人感到卻步，但這也是 Vim 的一大優點：你只需要使用鍵盤就可以完成所有操作，不需要使用滑鼠。 畢竟，你也不想出門在外還要特別帶一支滑鼠插進電腦裡吧。 客製化 Vim 可以當作一個簡單的編輯器，簡單改幾行系統 config 就關掉，卻也能弄成很 fancy 的編輯器的樣子。 還記得你的 VS Code 可以開啟偏好設定嗎？文字大小、預設縮排、字型等，都可以進行設定。而在 Vim 中也有類似的功能：是否開啟行號、程式碼是否 highlight、縮排要使用幾個空格、要不要顯示 tab 符號等等，這些都可以在 Vim 的設定檔中設定。 可以透過 Vim 編輯自己的設定檔，存檔重開 Vim 後設定就會生效： vi ~/.vimrc ~ 是自己使用者資料夾的意思，如果看不懂上面的指令，建議先閱讀去年的文章：操作 Linux 的基本技巧 這邊節錄我自己的 Vimrc 設定（雙引號後面是註解）： set nocompatible " 關閉 vim 的舊版相容模式，才能使用新功能 set t_Co=256 " 支援 256 色 set title " 在 Terminal 標題顯示目前的路徑和檔名 set number " 顯示行號 set cursorline " 顯示游標所在的行數 hi CursorLine cterm=NONE ctermbg=234 ctermfg=NONE " 設定 cursorline 的樣式。 set ruler " 在右下角顯示目前的行數、列數 set encoding=utf-8 " 以 UTF-8 顯示 set fileencoding=utf-8 " 以 UTF-8 開啟/儲存檔案 set mouse=a " 允許用滑鼠操控 vim set showmatch " 凸顯對應的括號 set tabstop=4 set softtabstop=4 " 這兩個是設置 tab 寬度為 4，預設的 tab 太寬了 set shiftwidth=4 " 手動縮排的寬度也設為 4 set smartindent " 開啟自動縮排 set listchars=tab:→\ ,eol:↲,trail:•↲ set list " 這兩個則是設定特殊符號要顯示的字元。 tab、行尾與多餘空白 hi CursorLine 的部分比較特別，是用來設定目前所在行數的樣式。其中 cterm 表示文字的變化：none 不變、underline 底線、bold 加粗、reverse 反白，而 ctermbg 和 ctermfg 則是背景色和前景色。 套件 VS Code 會適合寫那麼多程式語言，很大一個原因就是你可以安裝自己想要的套件。而 Vim 透過 Vundle 也可以安裝自己想要的套件，如底下這張圖，就可以看到左邊有類似檔案總管的功能、下方有類似程式碼檢查的工具。 今天先把文章斷在這裡，明天再來介紹如何幫 Vim 安裝有用的套件。