概要
HTMLやCSSの補完ができる。
参考ページ
- GitHub – mattn/emmet-vim: emmet for vim: http://emmet.io/
- Emmet — the essential toolkit for web-developers
Emmetの使い方はDocumentationを見ると良い。
Jetpackを利用してインストール
次の1行を.vimrcのJetpack関連部分に追記する。
Jetpack 'mattn/emmet-vim'
その後vimを再起動して、次のコマンドを実行する。
:JetpackSync
その後再度vimを再起動すると使える。
.vimrc
" ========== mattn/emmet-vimの設定 ==========
" ノーマルモードでのみleaderを有効化。
let g:user_emmet_mode='n'
" html/css/phpでのみ有効化。
let g:user_emmet_install_global=0
autocmd FileType html,css,php EmmetInstall
" <html>タグ生成時のlangを変更。
let g:user_emmet_settings = { 'variables':{'lang':'ja'}}
Tips
<html>タグ1式を挿入
html:5
と入力し、ノーマルモードで次を入力すると挿入される。
<C-y>,
タグ補完
div
と入力し、ノーマルモードで次を入力すると挿入される。
<C-y>,
子タグ作成
ui>li
と入力し、ノーマルモードで次を入力すると挿入される。
<C-y>,