计算机教程

Vim常用插件——前端开发工具系列

18 2月 , 2019  

2.zencoding.vim

zencoding.vim 后来改名为Emmet.vim,主要功能是实现代码的快速编写。

具体教程可以参见官方的网站

个人感受是做页面重构的时候用得比较多,通过命令可以快速生成html的结构,提高了前端开发的生产力。

下面总结一些命令
ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus
右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换 ctrl + w + r
移动当前窗口的布局位置

5.neocomplcache.vim

neocomplcache.vim主要功能是进行代码补全,

优点是对上下文进行索引,结果保存到缓存中,自动补全的效率比较高,另外匹配的也比较精准。

补全效果如下图展示:

必赢娱乐棋牌 1

必赢娱乐棋牌 2

im中的代码补全插件比较多,一般补全的智能性依赖于插件的字典,变量缓存机制。

从这点看neocomplcache也是挺不错的,另外智能读读取路径的功能也是挺赞的。

mark.vim
[mark.vim]-主要的功能是变量的高亮,允许你在文本中放置自定义的标记
在编辑的时候,你忽然想起来需要修改同一个文档的另一个地方,但又想记住当前的位置,以便稍后再回来编辑。应该怎么做呢?vim中我们可以对文本进行标记,这个概念类似于visual
studio中的书签,目的是方便vim编辑器在文档的不同位置间跳转。正常情况下,这意味着要移动到那个位置,编辑,然后再移回来。这样很费事,也容易忘记刚才所在的位置。有更聪明的办法。移动光标到下述文本的第5行(John
Lennon的名言)。用ma创建一个名为’a’的标记。移动光标到任一地方,比如,4j。按下’a(即,单引号加上标记的名字),瞧Vim跳到了刚才做标记的那一行的行首。如果要跳到做标记的位置,按下‘a(即,上排数字键1左边那个键)。可以使用任一字母(a-zA-Z)去命名一个标记,意味着一个文件里最多可以有52个命名标记。 添加标记 将光标移到某一行,使用 ma 命令添加标记。其中,m 是标记命令,a 是所做标记的名称。可以使用小写字母 a-z 或大写字母 A-Z 中的任意一个做为标记名称。小写字母的标记,仅用于当前缓冲区;而大写字母的标记,则可以跨越不同的缓冲区。例如,你正在编辑 File1,但仍然可以使 用'A 命令,移动到 File2 中创建的标记A。跳转标记 创建标记后,可以使用 'a 命令,跳转到指定标记行的首个非空字符。这里 ' 是单引号。也可以使用 'a 命令,移到所做标记时的光标位置。这里'是反引号(也就是数字键1左边的那一个)。列出标记 利用:marks命令,可以列出所有标记。这其中也包括一些系统内置的特殊标记(Special marks):. ——最近编辑的位置0-9——最近使用的文件∧ ——最近插入的位置' ——上一次跳转前的位置" ——上一次退出文件时的位置[ ——上一次修改的开始处] ——上一次修改的结尾处删除标记 如果删除了做过标记的文本行,那么所做的标记也就不存了。我们不仅可以利用标记来快速移动,而且还可以使用标记来删除文本,例如:在某一行用ma做了标记,然后就可以使用d'a来删掉这一行。当然,我们也可以使用y'a命令就可以来复制这一行了。使用:delmarks a b c命令,可以删除某个或多个标记;而:delmarks! 命令,则会删除所有标记。利用:help mark-motions命令,可以查看关于标记的更多帮助信息。命令小结m ——创建标记' ——移动到标记的文本行首
——移动到标记的光标位置:marks ——列示所有标记:delmarks
——删除指定标记:delmarks! ——删除所有标记

6.multiple_cursors.vim

multiple_cursors.vim的主要功能是多光标多行编辑。

主要效果可以见下面的图片:

必赢娱乐棋牌 3

必赢娱乐棋牌 4

在没有这款插件前,原生命令一般是进行块操作,在可视模式下对多行进行操作。步骤比较冗长,也容易出错,

这款插件可真谓利器啊,同时它还支持正则的操作呢。

NERD_tree.vim
[NERD_tree.vim]-主要功能是一款文件浏览器,可以查看文件目录结构打开相应的文件

3.ctrlp.vim

ctrlp.vim主要功能是对文件以及buffer进行模糊查询,快速打开文件。

操作实例如下图所示:

必赢娱乐棋牌 5

必赢娱乐棋牌 6

在知道文件名的情况下,使用ctrl +
p打开此插件,输入文件名,实则是文件名开头几个字母就可以快速打开文件。

ps:如果当前的文件已经保存好,那么会直接替换成搜索到的文件,如果没有保存的,会进行窗口的分隔类似与sp的命令。

所以在对比文件的情况下我一般会用vsp来分割窗口或者tabnew一个新的tab,再打开新的文件。

如果需要查其他目录或者忘记了文件名的话,就可以使用下面的插件NERD_tree了。

commentary.vim
[commentary.vim]-主要功能是可以批量注释单行或多行以及去除注释;
gc:Visual模式下可以注释选中的行gcc:普通模式下可以快速注释一行gcu:可以撤销注释
multiple_cursors.vim
[multiple_cursors.vim]-多行、多光标编辑
通过按 Ctrl + n 来多重选取。一旦选取完成,便可配合 Vim
既有的命令对其进行编辑处理。最后按 Esc
可以退出多重选取状态。此外,你也可以使用 MultipleCursorsFind
命令通过正则表达式来进行多重选取和编辑。
ctrlp.vim
[ctilp.vim]-主要功能是对系统文件进行搜索
ctrl + j/k 进行上下选择ctrl + x 在当前窗口水平分屏打开文件ctrl + v 同上,
垂直分屏ctrl + t 在tab中打开
neocomplcache
[neocomplcache.vim]-自动补全插件
ctrl+n-对补全代码向下选择ctrl+p-对补全代码向上选择
emmet.vim
[emmet.vim]-HTML超级编写利器,利用简写语法达到编写目的。
Emmet的基本用法:先写简写形式,然后用”<Ctrl+y>,”将其转成HTML代码基本规则:(1):E
代表HTML标签(2):E#id 代表标签E有id属性(3):E.class
代表E有class属性(4):E[attr=foo] 代表某个特定属性(5):E{info}
代表标签E包含的内容是info(6):E>N 代表N是E的子元素(7):E+N
代表N是E的同级元素(8):E^N 代表N是E的上级元素
vim-surround
[vim-surround]-这个插件可以快速的为字符串包围/改变或去除引号/括号或者HTML标签
为单个单词包围
ysiw + ‘/”/(/[/{ :在命令模式下, 就可以为光标下的一个单词包围上
‘/”/(/[/{比如ysiw’ :为光标下的单词包围上单引号ysiw”
:为光标下单词包围上双引号, 依此类推.vim-surround 同时还支持包围html标签,
将光标放到某单词试试下面指令:ysiwysiw<p class=”meta”>yssb
:包围一行,可以快速为一行包围圆括号,.yss + ‘/”/(/[/{ :
可以为正行快速包围相应的引号/括号比如yss” :为一行包围双引号
更改包围
必赢娱乐棋牌,cs :可以更改包围,比如cs'” :是将单引号变成双引号cs”(
:是将双引号变成圆括号vim-surround支持将括号或者引号变更为html标签,
试试命令cs’:将单引号换成
标签
去除包围
ds:指令可以取出包围, 后面需跟包围的内容,ds”:是去除双引号包围, “


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图