戻る

html高速編集

July 20, 2020

webサイトによってはhtmlを手打ちすることは少ないかもしれないので厳密にはhtmlタグの高速編集だが, これに焦点を当てて高速編集する手法を考える.

よく使うコマンドをvimrcで管理

Leaderキーを2つも消費してしまうのはもったいないが, タグのエスケープはよく使う操作なので空いているならばこれに割り当てるべきかもしれない. 二行目の> は<gt>の間違いではなくこれで正しい.

vmap <silent> <Leader><lt> :sno/</&lt/g<CR>
vmap <silent> <Leader>> :sno/>/&gt/g<CR>

よく使うマクロをvimrcで管理

当然, vimscriptではマクロの登録もできる. マクロをどんどん使ってしまうとマクロが足りなくなりそうだが, Filetypeに応じて設定した方がいいかもしれない. というか, マクロはキーと違ってもっと高度な処理をさせるべきなような気もする.

let @p="\<ESC>o<pre>\n<code>\n\n</code>\n</pre>\<ESC>kk0"
let @a="\<ESC>a<a href=\"\"></a>\<ESC>hhhhhh"

Emmet.vim

Emmet.vimはhtml編集において最も重要なプラグインだ. VimにEmmet導入して爆速HTMLコーディング