emmet-vim

  最近啊,我投奔了网页的开发,看了一本《head first HTML and CSS》的书,感觉非常不错,然后又配置了一些vim里面用到的插件,现在我把学习到的东西记录下来!

  首先,我不会在这里写emmet 的具体操作方法,你可以去官方自己看教程,如果英语不好的话,那么看这个朋友的博文,他把用到的教程都翻译成了中文http://www.cnblogs.com/matchless/tag/emmet/

  如果你试过在一个html文件中插入一个html5的模板,你就发现他的格式如下

  ps: 在插入模式输入 html:5  按下默认的快捷键,

  

  是不是感觉非常蛋疼,这个模板出现后,光标默认出现在body 标签之间,看到了吗?

  后来我改了一下,变成了如下这个样子

  ps:你会发现,上面那个模板是没有给出标题的(title元素里面没有内容,但是光标又在body里面,所以你每次都要把光标移动到title这里,是不是很蛋疼)

    我改了一下, 你可以按照我改后的模式输入 html:5{这个填写的是title的内容}

  如图所示

  

  按下默认的快捷键后,当当当当....................

  

  看到了把,这就是我修改的成果,接下来,给出方法

  提醒一下,我个人是不会用vimscript的,但是我看过一点,所以我能多多少少理解用vimscript写成的函数的功能是什么。

  而且,如果你想自己动手修改的话,请把emmet相关的文档教程看完,不然你不懂得为什么这样做

  官方上给出了一个订制的简单教程,说是用到  xxx.json 之类的文件,在这里我要提醒你,vim是不需要下载这类文件来订制的,他说的估计是sublime text之类的编辑器

  那么我们该怎么修改呢?

  其实,他的配置文件放在了emmet-vim/autoload/emmet.vim 这个文件里面,用编辑器打开 emmet.vim这个文件,在1420左右看到了 默认的html5模板

  

  注意,由于我的默认模板被我改了,所以我去github给出了默认的模板

  下图是我的修改

  

  你修改的时候要出去 最左边的 符号 ”\“  不能去掉,去掉会出错,然后说一下怎么配置, 符号 ”|“ 这个表示插入模板后光标出现的位置,${child} 这个的意思是 放入相关的内容,

  例如 a{xxxx}   ${child} =xxx  html:{xxxxxx}  ${child}=xxxx ,所以你只要在模板里面调整一下${child}的位置,就能很方便的插入标题的名字

  ps:原来默认的是插入html5模板只能这么用,而且不是自动插入标题

    html:5

    我的可以这么用

    html:5{标题}

    是不是很方便,

  最后说一下快捷键的设置

  在默认设置中,大部分命令都用到的快捷键是这个

  <c-y> ,          他的意思是 按下ctrl 键 和 y键  和  ,键(逗号)

  但是我觉得每次都输入那么多很麻烦,所以我写了一个mapping,把<c-y>改成了 F2,放在.vimrc文件里面

  let g:user_emmet_leader_key = '<F2>' "设置一下快捷键

  为什么是这样设置呢?我在这里就不说了 ,请看一下文档就懂了,

  我接下来的目标是学会了vimscript后,就开始写一个函数,让vim检测到文件名是.html的时候自动插入html5模板~!

  好了 加油了

转载于:https://www.cnblogs.com/tcstory/p/3403811.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/261103.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

百度epoll

epoll编辑epoll是Linux内核为处理大批量句柄而作了改进的poll&#xff0c;是Linux下多路复用IO接口select/poll的增强版本&#xff0c;它能显著提高程序在大量并发连接中只有少量活跃的情况下的系统CPU利用率。目 录 1简介 2优点 2.1 支持一个进程打开大数目的socket描述符2.2 …

linux命令 正则表达式,详解Linux命令中的正则表达式

详解Linux命令中的正则表达式Mark Do 2017年9月19日 暂无评论 阅读 981 次命令中的正则表达式如果要在命令输出或文本中筛选内容时使用模糊查找&#xff0c;就需要使用正则表达式。正则表达式是一套由多个元字符组成的模糊查找模式&#xff0c;使用正则表达式可以快速查找和定位…

【转】符串搜索工具及XenoCode字符串自动解密工具

【http://www.cnblogs.com/chengchen/archive/2008/07/14/1242244.html】 我们在使用OD破解软件的时候&#xff0c;字符串搜索是最常用的功能之一。但是在DONET平台下似乎没有什么比较好的软件&#xff0c;于是自己动手写了一个软件。这个软件可以自动搜索DONET程序集中的所有的…

linux 封装python,基于linux下python学习(封装)

一、面向对象类的设计&#xff1a;在程序开发中&#xff0c;要设计一个类&#xff0c;通常需要满足以下三个要求&#xff1a;1、类名 这类事物的名字&#xff0c;满足大驼峰命名法2、属性 这类事物具有什么样的特征3、 方法 这类事物具有什么样的行为eg:小明今年18岁&#xf…

图解RAID 0, RAID 1, RAID 5, RAID 10

RAID(Redundant Array of Independent Disk 独立冗余磁盘阵列)技术是加州大学伯克利分校1987年提出&#xff0c;最初是为了组合小的廉价磁盘来代替大的昂贵磁盘&#xff0c;同时希望磁盘失效时不会使对数据的访问受损 失而开发出一定水平的数据保护技术。RAID就是一种由多块廉价…

Spring JPA 中的Repository体系

为什么80%的码农都做不了架构师&#xff1f;>>> Repository体系 org.springframework.data.repository.Repository<T, ID> ---- Repository体系的顶级接口,是个空接口 interface CrudRepository<T, ID extends Serializable> extends Repository<T,…

Codeforces 258B Little Elephant and Elections

题意&#xff1a;有7个人从m个数中任选一个不重复的&#xff0c;其中4和7是幸运数&#xff0c;一个人的幸运值等于他所选的数字中所有4的个数7的个数。求一个人的幸运值比其他6人幸运值总和大的方案数。 1 #include <iostream>2 #define MOD 10000000073 using namespace…

Python 数据分析 Matplotlib篇 plot设置线条样式(第2讲)

Python 数据分析 Matplotlib篇 plot设置线条样式(第2讲)         🍹博主 侯小啾 感谢您的支持与信赖。☀️ 🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ�…

装 linux后 win7消失了,win7系统重装后ubuntu启动消失不见的解决方法

很多小伙伴都遇到过win7系统重装后ubuntu启动消失不见的困惑吧&#xff0c;一些朋友看过网上零散的win7系统重装后ubuntu启动消失不见的处理方法&#xff0c;并没有完完全全明白win7系统重装后ubuntu启动消失不见是如何解决的&#xff0c;今天小编准备了简单的解决办法&#xf…

linux虚拟主机泛解析,Apache虚拟主机的配置和泛域名解析实现代码

Apache虚拟主机的配置和泛域名解析实现代码更新时间&#xff1a;2012年03月11日 00:28:19 作者&#xff1a;Apache虚拟主机的配置和泛域名解析实现代码&#xff0c;需要的朋友可以参考下虚拟主机的配置基于IP地址的虚拟主机配置Listen 80DocumentRoot /www/jb51ServerName ww…

socket用法linux,linux socket编程,要用到哪些函数,和用法介绍?_Linux_天涯问答_天涯社区...

4、获得地址信息/* 来源: http://www.jfox.info/c/a/ic/18071a.html */#include #include /* for strncpy */#include #include #include #include #include intmain(){int fd;struct ifreq ifr;fd socket(AF_INET, SOCK_DGRAM, 0);/* I want to get an IPv4 IP address */if…

图灵访谈系列之一:陈世欣谈产品经理与社区

原文链接地址&#xff1a;点击打开链接 10月20日&#xff0c;产品经理社区PMCamp、极客社区TopGeek的发起者和组织者陈世欣先生来图灵做客&#xff0c;畅谈对产品经理成长和社区发展的看法。以下为图灵社区整理的相关谈话内容。 人物简介&#xff1a; 陈世欣 StingChen产品经理…

Jenkins 使用 maven 出现C:\Windows\system32\config\systemprofile的解决

jenkins 使用 maven 出现 C:\Windows\system32\config\systemprofile 的原因是 Jenkins 服务启动的账号使用了系统的账号&#xff0c;在服务里改成具体的桌面用户账号即可。 If your command runs fine on Win command prompt as user X, then you should run Jenkins with the…

在Linux下用源码编译安装apache2

Linux下安装一个软件&#xff0c;最好去看下它的官方guide&#xff0c;apache2.4的安装安装guide 0. installation guide http://httpd.apache.org/docs/2.4/install.html 然后是下载源码 1. download http2.4&#xff0c; 下载地址 下载好了以后&#xff0c;把它解压到一个路…

c语言第十五周答案,C语言考前练习试题及答案

C语言考前练习试题及答案天行健&#xff0c;君子以自強不息&#xff0c;地勢坤&#xff0c;君子以厚德载物。以下是小编为大家搜索整理的C语言考前练习试题及答案&#xff0c;希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!一、选择题(每小题1分&#xff0…

数字编码电位器c语言,数字电位器——x9c104

一些传统的电子设备是通过改变电位器的电阻来实现调整&#xff0c;比如灯的亮度、电机的转速等。如果想对这种设备进行智能改造但不大幅度改变设备内部的电器结构&#xff0c;我们需要电位器的电阻可通过单片机或微机进行控制&#xff0c;数字电位器就是这类设备。“我也是在项…

13.  Roman to Integer

2019独角兽企业重金招聘Python工程师标准>>> 见12转载于:https://my.oschina.net/datacube/blog/702856

SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据,并以一定的格式显示(加css样式)...

SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据&#xff0c;并以一定的格式显示&#xff08;加css样式&#xff09; 注&#xff1a;此实例无需添加数据控件&#xff0c;避免了一些繁琐的代码 实现效果如下&#xff1a; 读取数据和图片&#xff0c;并以每行…

c语言离散卷积编程,数电实验一 离散卷积的C语言编程.ppt

数电实验一 离散卷积的C语言编程.ppt实验一 离散卷积的C语言编程实验,DSP实验室,实验性质,综合设计性实验,实验目的,1 了解和认识常用的各种信号&#xff1b; 2 掌握卷积的定义和计算方法&#xff1b; 3 掌握在计算机中生成以及绘制信号序列图的方法。,实验原理,离散时间系统中…

irq4中断子程序c语言写法,AVR汇编程序参考

该AVR的汇编程序选自《M128》&#xff0c;程序中体现了AVR汇编的基本特点&#xff0c;仅供大家参考。该应用系统为一个带1/100秒的简易24小时制时钟&#xff0c;它在上电后能够自动从11时59分55秒00开始计时和显示时间。下图为简易时钟系统硬件电路图。图 简易24小时时钟硬件原…