Amazon Ads

2014年4月11日 星期五

【分享】在使用vim在編輯CSS時,開啟自動完成的功能

在使用vim來編輯CSS檔案時,是可以使用「自動完成」功能的,但vim預設是未啟動該功能,要開啟該功能,先要切換到指令模式(command mode)下,在指令模式中輸入:
:set omnifunc=csscomplete#CompleteCSS
指令輸入後,切換回編輯模式中,按下Ctrl + X後,再按Ctrl + O,就會出現自動完成的選項:


但這只是暫時間的設定,關閉vim後,再次開啟編輯CSS檔案時,原先開啟的自動完成功能就會關閉。

若要vim在編輯.css檔案時,就預設開啟自動完成的功能,就需要編輯vimrc這個檔案(以Ubuntu為例):
$ sudo vi /etc/vim/vimrc
在檔案的最下方加入下列指令:
autocmd FileType css set omnifunc=csscomplete#CompleteCSS
下面是在Mac設定的方式。

若是在Mac(以我的電腦為例),要先去編輯/usr/share/vim/下的vimrc檔案:
sudo vi /usr/share/vim/vimrc
在檔案的最下方加入下列指令後儲存:
syntax on
再來新增或編輯,家目錄下的vimrc
vim ~/.vimrc
在檔案的最下方加入下列指令:
autocmd FileType css set omnifunc=csscomplete#CompleteCSS
上面是在Mac設定的方式。 

儲存後,再以vim來編輯.css檔案時就能有自動完成的功能。

參考來源: