ubuntu へ Emmet-vim のインストール

dotinstall で Emmetについてやっていたけど
vim で行ってみたいので
Emmet-vim を ubuntu に入れることにしました

emmet-vim ubuntu で検索して
https://github.com/mattn/emmet-vim
から
Download ZIP をクリックして
ファイルをダウンロード

次に端末を開いて
cd ダウンロード/
unzip emmet-vim-master.zip
でファイルを解凍

これで
emmet-vim-master/
が作成されます

そして
cp -rp emmet-vim-master/autoload/ ~/.vim/
cp -rp emmet-vim-master/plugin ~/.vim/
で必要なファイルをコピー

これで、emmet-vim plugin が使えるようになります

使い方に関しては
ubuntu13.04をインストールしUnityディスクトップからGnomeディスクトップへチェンジしたりした設定のまとめ+VimにZen-Coding（emmet-vim）を加える
http://edeito.seesaa.net/article/375920016.html
を参考にさせていただきました

まず試しに
hello.html を作成

そして
入力モードで最初に
html５
と入力し、ESC キーをおして
Ctrl + y を押して　, を押してから Enter
これで

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title></title>
</head>
<body>
        
</body>
</html>

が作成されます

次に
h1#header.nav>ul>li*5>a
と入力してから
ESC キーを押して Ctrl +y を押してから
, を押して Enter
これで

        <h1 id="header" class="na">
                <ul>
                        <li><a href=""></a></li>
                        <li><a href=""></a></li>
                        <li><a href=""></a></li>
                        <li><a href=""></a></li>
                        <li><a href=""></a></li>
                </ul>
        </h1>

が作成されます

サーバーで編集するときには vim 操作が多いため
これを活用していこうと思います

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル