ZenCodingとはHTML,CSSのコーディングを楽にするツールです。
今回はMacVimでZenCodingを行うためのプラグインである「ZenCoding.vim」を導入します。
１．プラグインをダウンロード
ZenCoding.vimの「公式サイト」の下の方にあるプラグインをダウンロード。
2. プラグインの導入
ダウンロードしたzencoding-vim.zipを解答すると、「autoload」「doc」「plugin」フォルダがあるが、「autoload」「plugin」フォルダをホームディレクトリ直下にある「.vim」フォルダ内にコピーします。これで導入が完了。
※ネットで検索するとautoloadフォルダの中はzencoding.vimだけコピーすればいいと書いてありましたが、これだけだと補完がうまくいかなかった。更新された時に依存するファイルが変わったのかもしれません。
3.動作確認
vimを起動して挿入モードで「html:5_」と入力して挿入モードのまま「CTRL+ y + , 」を入力すると
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
Zencodingのチートシート「http://zen-coding.googlecode.com/files/ZenCodingCheatSheet.pdf」
0 件のコメント:
コメントを投稿