我与Gvim Emmet.vim的那些事
我们经常需要使用到代码编辑器。最基本的操作就是在命令模式下输入命令来实现各种功能。还有很多其他功能可以通过命令模式实现。在Gvim中还有许多高级特性可以提高开发效率。
我们经常需要使用到代码编辑器。最基本的操作就是在命令模式下输入命令来实现各种功能。还有很多其他功能可以通过命令模式实现。在Gvim中还有许多高级特性可以提高开发效率。
在学习前端开发的过程中,我们经常需要使用到代码编辑器。其中,Gvim是一个十分优秀的编辑器。而Emmet.vim则是一个强大的前端开发插件。今天,我想和大家分享一下我的使用经验。
首先说说Gvim吧。对于初学者来说,Gvim可能有点难上手。但是只要你掌握了它的基本操作,你就会发现它相当好用。
最基本的操作就是在命令模式下输入命令来实现各种功能。例如:
– 在文件末尾添加一行:$a
– 删除光标所在行:dd
– 复制当前行到下一行:yy p
除此之外,还有很多其他功能可以通过命令模式实现。
另外,在Gvim中还有许多高级特性可以提高开发效率。例如分屏、标签页、折叠等等。这些特性都需要花费时间去熟悉和掌握。
接着说说Emmet.vim这个插件吧。Emmet.vim可以根据缩写快速生成HTML代码,并且支持CSS选择器语法以及类似于LESS/SASS/SCSS等预处理语言中定义变量、循环、条件判断等特性。
使用Emmet.vim可以大幅提高前端开发效率。例如,输入div#header>ul>li*5>a可快速生成下面的代码:
“`
此外,Emmet.vim还支持许多其他功能,例如:
– 使用Ctrl + Y , 来展示所有Emmet命令。
– 使用Ctrl + E , 来展示当前光标位置的缩写扩展结果。
总之,Gvim和Emmet.vim是我在前端开发中必备的工具。它们不仅提高了我的开发效率,而且让我的编程过程更愉悦。
最后给大家推荐一些学习资源:
– 官方文档:
– Vim Awesome:
– Emmet官方文档: