zoukankan      html  css  js  c++  java
  • vim--学习之emmet插件前端开发

    Emmet 在vim的使用:
    1.嵌套
    <ctr+y>+,(ctr+y+逗号三者的组合键,ctr+y一起按在按逗号)相当于Ememet中的Tab键。
    2.内容的包围:
    写好内容,退出编辑模式,用V启动Emmet,选中要包围的内容使用组合键,此时会在命令行出现Tag:,在tag:之后写标签即可。
    3.插入模式下根据光标位置选中整个标签
    <ctr+y>+d
    4.插入模式下根据光标位置选中整个标签内容
    <ctr+y>+D
    5.更新图片大小
    移动光标到 img 标签。<ctr+y>i
    6.合并行
    鼠标选中要合并的标签,<ctr+y>m
    7.移除标签对
    光标移动到标签块中,<ctr+y>k
    8.代码块的折叠
    光标移动到标签块中,<ctr+y>j
    9.切换注释
    光标移动到标签块中,<ctr+y>/
    10.根据http生成链接,<ctr+y>A
    https://github.html
    <blockquote class="quote">
    <a href="https://github.html"></a>
    <br>
    <p>...</p>
    <cite>https://github.html</cite>
    </blockquote>

    除了以上帮助,你还可以按:进入 Vim 命令行模式,然后输入 help emmet 在新窗口中调用 Emmet 的帮助内容。
    Emmet 在其他编辑器的触发快捷键一般是 Tab 或 Ctrl+e,如果你更习惯它们,也可以在 .vimrc 文件中加入下一行命令来修改它的触发快捷键:
    let guser_emmet_expandabbr_key = '<Tab>'这样就可以按 Tab 来扩展了。

  • 相关阅读:
    Linux
    memory库函数的实现
    剑指Offer面试题1
    Linux
    Linux-配置vim开发环境
    Linux-Find命令
    busybox,alphine,ubuntu,centos/fedore操作系统
    端口映射与容器互联
    docker 数据管理数据卷
    Celery
  • 原文地址:https://www.cnblogs.com/intelwisd/p/7928852.html
Copyright © 2011-2022 走看看