iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
1
Software Development

用 Chromebook 能寫什麼樣的東西系列 第 7

用 Vim 在 Chromebook 上開始工作吧

帶著 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 反白,而 ctermbgctermfg 則是背景色和前景色。

套件

VS Code 會適合寫那麼多程式語言,很大一個原因就是你可以安裝自己想要的套件。而 Vim 透過 Vundle 也可以安裝自己想要的套件,如底下這張圖,就可以看到左邊有類似檔案總管的功能、下方有類似程式碼檢查的工具。

vim

今天先把文章斷在這裡,明天再來介紹如何幫 Vim 安裝有用的套件。

本文同步發表在 Noob's Space


上一篇
Chromebook 可以安裝其他作業系統嗎?
下一篇
Vundle:管理 vim 套件的工具
系列文
用 Chromebook 能寫什麼樣的東西30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言