VIMとEmmetでHTMLを高速コーディング

VIMとEmmetでHTMLを高速コーディング

最近、JavaScriptを勉強しているのでHTMLを書く機会が増えた。タグを毎回手打ちするのは疲れるので調べてみたところ、「Emmet」というものがあるので試してみた。

一月前くらいから、「PHPStorm」から「VS Code」へ乗り換えようと思ってカスタマイズしていて初めて知り実際使ってみたが、一度使い始めると自分でタグを打つのが馬鹿らしくなってくる。

emmet-vimのインストール

nvimを利用しているので、「~/.config/nvim/init.vim」を編集する。またプラグインマネージャーは「Plug」を利用しているのでそれぞれ利用しているパッケージマネージャーに合わせてインストールする。

プラグインの設定を追加

そして「:PlugInstall」を行う。

キーバインドの変更

お好みで

let g:user_emmet_leader_key='<C-t>'

微妙なデモ

(上手くGIFが作れない…)

Otherカテゴリの最新記事