iT邦幫忙

DAY 4
4

快寫HTML靜態網頁系列 第 4

vim + sparkup 快寫 HTML

  • 分享至 

  • xImage
  •  

看起來圖型界面的編輯器可以有完整的ZC功能,
而在Linux的CLI界面的編輯器可以用ZC嗎?
vim有許多與寫程式相關的套件,
其中的sparkup是zc的解決方案之一。
安裝sparkup
在linux環境中用vim+sparkup的設定,
與上篇windows裡notepad++的設定比較來說,
真的是比較麻煩一點。
下載sparkup:

$ git clone https://github.com/rstacruz/sparkup.git

裡面有這些檔案:
$ tree
.
├── Makefile
├── README.md
├── TextMate
│ └── Sparkup.tmbundle
│ ├── Commands
│ │ └── Sparkup expand.tmCommand
│ ├── Support
│ │ └── sparkup.py
│ └── info.plist
├── mit-license.txt
├── sparkup
├── sparkup-unittest.py
├── sparkup.py -> sparkup
└── vim
├── README.txt
└── ftplugin
├── html
│ ├── sparkup.py
│ └── sparkup.vim
└── xml -> html

8 directories, 12 files

需要把目錄裡的vim裡的ftplugin移到 ~/.vim。

$ mkdir ~/.vim
$ cp -r sparkup/vim/ftplugin ~/.vim

再編輯~/.vimrc加上這一行即可:filetype plugin on輸入縮寫後,按Ctrl-e就可作用,
若vim裡預設的tab鍵變成兩空格,
再加入set tabstop=2,
要讓縮排插入的字元從預設的tab改成兩個空格,
則要設 set shiftwidth=2;
希望隨語法的標籤有不同顏色,
可再加上 syn on。
最後 .vimrc 的內容是:

set tabstop=2
set shiftwidth=2
syn on
filetype plugin on

而游標的移動是在鍵完Ctrl-e後,
Ctrl-n可移到下一個標籤或屬性是空的、需要編輯之處。

sparkup 的限制
而Wrap with Abbreviation的功能試不大出來,
其他像可快速把一標籤變註解等功能,
就沒那麼完整實現出來,
但vim有許多其他輔助加快寫程式的套件可用。
可就需要而交互使用。

系列文章列表


上一篇
在 notepad++ 裡使用 zen coding
下一篇
emmet 實現 zen coding 在 vim 環境中
系列文
快寫HTML靜態網頁27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
凍仁翔
iT邦新手 3 級 ‧ 2013-09-24 11:42:04

Vim hacker 拍手

我要留言

立即登入留言