2016/06/22
VimのHTML入力補完プラグイン
4週間連続でRuby On Railsの記事というエンジニアにしか伝わらないような記事を書いてきて、自分も若干Ruby On Railsの記事から離れたいので、今日は趣向を変えてvimの便利（そう）なプラグインの記事を書いてみました。
Emmet.vim
こちらはHTMLの入力補完をしてくれるものです。
|
1 | html:5 |
などと入力したあとに、insert modeのまま、Ctrl+y+,（カンマ）と入力すると、HTMLを生成してくれるというものです。
上記のものであれば、
|
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> |
というものを自動生成してくれます。
他にも、
|
1 | div>li>ul |
|
1 | p+a+p |
というものであれば、それぞれ、
|
1 2 3 4 5 | <div> <ul> <li></li> </ul> </div> |
|
1 2 3 | <p></p> <a href=""></a> <p></p> |
というものを生成してくれます。
Sublimeなどでもあるらしいですね。
参考サイト
Author Profile
スターフィールド編集部
SHARE
