読者です 読者をやめる 読者になる 読者になる

Renya's Dialy

かつて大学生で専門学校生で社畜だった私の日々の日記やメモ。

ZenCoding for Vimが優秀すぎて禿げた

ZenCodingって?

ZenCodingとは、HTMLやXMLCSSを爆速で書くことが出来るようになるプラグインですん。 たとえば

<!DOCTYPE html>
<html>
<head>
  <meta charaset="UTF-8">
  <title></title>
</head>
<body>
</body>
</html>

なんて良く書く感じな物を

html:5

こんだけで書いて[Ctr]と[y]を押した後[,]を入力することで
上のコードがかけてしまいます。
やったね!

インストール手順

私が書くまでもない程調べればいくらでも出てきますんで
カット!
私はここを参考にさせて頂きました。
ZenCoding for Vim 導入方法(初心者さん向け)

基本操作?

そんな感じでvimでZenCoding出来る訳ですよ!

でもまぁ私も全然触り始めたばっかでよくわかってないんですがねw

とにかく基本こんな感じ!

ul>li.item*3>a>img

って打って
[Ctr+y][,]で

<ul>
   <li class="item"><a href=""><img src="" alt="" /></a></li>                                                                                                                                             
   <li class="item"><a href=""><img src="" alt="" /></a></li>
   <li class="item"><a href=""><img src="" alt="" /></a></li>
 </ul>

となるわけですね。 爆速です。

とまぁ私に必要な部分はほとんどこれだけな気がしつつ、
CSSもかけるということで期待しつつ。

こんな感じ。

さっさとvimmerになりたいです。

ではまぁこの辺で。

ZenCodingに関してまたいろいろ書くかもですが。

とりあえず最近睡眠時間が禿げてるので この辺で。

ではでは。