高速コーディングが可能なVim+Zen-Codingのメモ

vim

HTMLやCSSのコーディングを数倍にも高速してくれるZen-CodingのVim版を自作していらっしゃる方がいたのでありがたく使わせていただいている。zen-coding for vim を pure vimscript だけで書いてみた。


よく使いそうなスニペットコマンドをメモ。
実行方法
コマンドを入力後、(挿入モードのまま)「c-y ,」(Ctrl+Yを押してカンマ)　※キーバインドは変更できる

※ちなみにキーバインドを変更したい場合は.vimrcに以下のような行を追加する

let g:user_zen_leader_key = '<C-z>'


html:xt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
</head>
<body>
	
</body>
</html>


link:css

<link media="all" rel="stylesheet" href="style.css" type="text/css" />


script:src

<script src="" type="text/javascript"></script>


div#name
#name

<div id="name"></div>


div.name

<div class="name"></div>


ul > li*5

<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>


a{LinkText}

<a href="">LinkText</a>


input:text

<input id="" name="" type="text" />


Learning the vi and Vim Editors
Learning the vi and Vim Editors
posted with amazlet at 10.06.08
Arnold Robbins Elbert Hannah Linda Lamb
Oreilly & Associates Inc
売り上げランキング: 33740
Amazon.co.jp で詳細を見る