html插件

插件名称:emmet。通过此插件实现快速构建html页面。

安装部署

  1. 克隆仓库:git clone https://github.com/boydos/emmet-vim.git
  2. 复制刚刚克隆的文件夹中pluginautoload~/.vim中,覆盖即可。没有.vim文件夹则新建。
  3. 重启vim

使用

热键:ctrl+y+,

  1. 初始化html文件结构:输入html:5按热键即可生成。
  2. 基本使用:输入标记名,按热建,标签会自动补全。
  3. 如:输入h1,按热键,会自动补全为<h1></h1>
  4. 子节点:如需要ul里边包含li,则输入ul>li按热键即可。通过>实现依次包含关系。
  5. 父节点:通过^实现包含关系的回退。一个^回退一级。
  6. 重复生成:如需要生成4个li,则输入li*4然后按热键即可。
  7. 通过小括号可以控制重复生成的范围。