vimでHTMLタグ間のジャンプをする方法

 最近、仕事でホームページを作ることになり、DreamWeaverやホームページビルダーやCoda2のお試し版を使ってみた。

 しかし本職のデザイナーでもないので、これらのオーサリングツールやHTMLエディタを使うのは大げさな気がする。というわけで、テキストエディタで書くことにしたのだが、HTMLのタグの対応関係を表示する機能が欲しくなった。(例えば<div>と</div>の対応関係を表示する機能。)

 ちなみに、上記の有料ソフトでは対応関係の表示だけではなく、タグで囲まれた領域を折り畳む機能がある。

 僕は、Unix上のエディタはvi(vim)を愛用しているので、vimのプラグインを探してみた。matchit.vimというプラグイン(マクロ?)がいい感じだ。しかも、最近のvimには標準装備みたいなので、有効にする設定をするだけで使える。

 

【やったこと】

~/.vimrcに以下の内容を書いた。

source $VIMRUNTIME/macros/matchit.vim

let b:match_words = "<div:</div>,<p:</p>"

あとは、HTMLファイル中の<div文字の上で%キーを押せば、対応する</div>にジャンプする。つまり、viの%コマンドの拡張だね。シンプルでいい感じ。