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

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

2015/08/16 · HTML5 ·
vim,
插件

原文出处:
AlloyTeam   

作为一名开发者,应该对编辑器之神Vim)与神之编辑器Emacs有所耳闻吧。编辑器之战的具体细节有兴趣的童鞋可以google之。

Vim最大的特点是打开速度快,功能强大,一旦掌握了其中的命令,编程过程双手就不需要离开键盘了。

用习惯了Vim的另一个好处是在linux下可以很轻松地用vi来处理文件,当然emacs也可以做默认编辑器,但是不是每台机器都有安装Emacs。

今天主要给大家介绍Vim在前端领域的一些常用插件:

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

1.mark.vim

mark.vim主要的功能是变量的高亮。

选中要高亮的词,使用 \m
来使其高亮,多个词的高亮会显示为不同的颜色,在不需要查找的时候以及代码review的时候使用效果还是挺不错的,

使用\n可以去除所选的词的高亮。

更多详情可以点击插件主页了解。

ps: 查找单词可以使用 * 这个命令来进行快速搜索

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

2.zencoding.vim

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

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

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

快捷键
o 在已有窗口中打开文件、目录或书签,并跳到该窗口go 在已有窗口
中打开文件、目录或书签,但不跳到该窗口t 在新 Tab
中打开选中文件/书签,并跳到新 TabT 在新 Tab
中打开选中文件/书签,但不跳到新 Tabi split
一个新窗口打开选中文件,并跳到该窗口gi split
一个新窗口打开选中文件,但不跳到该窗口s vsplit
一个新窗口打开选中文件,并跳到该窗口gs vsplit 一个新
窗口打开选中文件,但不跳到该窗口! 执行当前文件O 递归打开选中
结点下的所有目录x 合拢选中结点的父目录X 递归 合拢选中结点下的所有目录e
Edit the current dif双击 相当于 NERDTree-o中键 对文件相当于
NERDTree-i,对目录相当于 NERDTree-eD 删除当前书签P 跳到根结点p
跳到父结点K 跳到当前目录下同级的第一个结点J
跳到当前目录下同级的最后一个结点k 跳到当前目录下同级的前一个结点j
跳到当前目录下同级的后一个结点C 将选中目录或选中文件的父目录设为根结点u
将当前根结点的父目录设为根目录,并变成合拢原根结点U
将当前根结点的父目录设为根目录,但保持展开原根结点r 递归刷新选中目录R
递归刷新根结点m 显示文件系统菜单
#!!!然后根据提示进行文件的操作如新建,重命名等cd 将 CWD
设为选中目录I 切换是否显示隐藏文件f 切换是否使用文件过滤器F
切换是否显示文件B 切换是否显示书签q 关闭 NerdTree 窗口? 切换是否显示
Quick Help
命令模式
:tabnew [++opt选项] [+cmd] 文件 建立对指定文件新的tab:tabc
关闭当前的 tab:tabo 关闭所有其他的 tab:tabs 查看所有打开的 tab:tabp
前一个 tab:tabn 后一个 tab标准模式下:
gT 前一个 tabgt 后一个 tabMacVim 还可以借助快捷键来完成 tab
的关闭、切换cmd+w 关闭当前的 tabcmd+{ 前一个 tabcmd+} 后一个 tab

3.ctrlp.vim

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

操作实例如下图所示:

mgm娱乐场 1

mgm娱乐场 2

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

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

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

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

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! ——删除所有标记

相关文章