百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

大白话 vim 教程-05-配置文件和插件

yuyutoo 2024-10-16 15:38 1 浏览 0 评论

我们尝试用 vim 编辑一个简单的 c 语言文件,vim main.c,输入以下内容:

int main() {
    return 0;
}

不懂 c 语言,没事,放心这个教程不讲 c 语言。默认的话,这段 c 代码的关键字应该是语法高亮的,如果没有的话,esc 回到命令模式,输入 :syntax on 后立即高亮。

我们继续给它加一个现实行号的功能,输入 :set number 或 :set nu,行号 OK 了。

使用 :wq 退出后,重新 vim main.c 打开,发现刚才设置的行号没了,于是我们重新 :set nu,好麻烦,对不对,有没有办法启动 vim 的时候自动设置上行号呢? 有,那就是 ~/.vimrc 文件,这个文件可能不存在,让我们新建一个,输入 vim ~/.vimrc,按 a 键进入编辑模式,把刚才的 set number 或者 set nu 写进去,:wq 保存退出。

现在我们来打开 main.c 文件,vim main.c,是不是默认就显示行号了,如果你的 vim 打开默认没有语法高亮,在 ~/.vimrc 文件里把 syntax on 也加上。也就是说 ~/.vimrc 文件是当前用户的 vim 启动配置文件,vim 启动的时候会去读取该文件,载入一些预定义的配置。

不过有个问题,我们之前没有配置语法高亮,为什么第一次打开,代码里的关键字也高亮了呢,高亮开启是内置到 vim 这个软件了吗? 这是因为 vim 还有全局配置文件,它是 /etc/vim/vimrc,这个配置对所有用户生效,看看它是否设置了语法高亮。

现在明白了,我们可以把 set nu 也加到这个文件里,这样所有的用户启动 vim 的时候都可以默认显示行号了,试试看。先删除我们自己用户下的 ~/.vimrc 文件,接着 sudo vim /etc/vim/vimrc 打开,我们按大写的 G 键跳转到文件的最末尾一行,接着按 o 键新增一行并且进入编辑模式,输入 set nu,按 esc 后 :wq 保存退出。

现在 vim main.c,文件也显示行号了,说明在 /etc/vim/vimrc 文件中添加的 set nu 生效了。不过通常情况下,我们为了不影响其他用户,还是会把配置加到自己的 ~/.vimrc 文件中,而且 /etc/vim/vimrc 普通用户无法编辑(这是上面输入 sudo 的原因)。

如果在配置文件中写入了错误的指令会怎么样? 我们加一个 notfound 在 ~/.vimrc 里。

再次启动 vim,提示错误,并且按 enter 继续,顺利进入 vim,所以不要怕,设置错了也没事,随便折腾。

wangbo@wangbo-VirtualBox:~/test/vim$ vim
处理 /home/wangbo/.vimrc 时发生错误:
第    4 行:
E492: 不是编辑器的命令: notfound
请按 ENTER 或其它命令继续

好了,除了语法高亮和显示行号以外,我们需要了解一下其他的指令。

set nocompatible " 使用 vim 的强大功能,不要 vi 兼容
set encoding=utf8 " 默认的文件编码

set tabstop=2 " 一个 tab 键显示 2 个空格
set softtabstop=2 " 把 tab 键转换成空格
set shiftwidth=2 " 自动缩进的字符宽度
set expandtab " 配合 softtabstop 使用
set showmatch " 高亮对应的括号
set showmode " 显示当前模式
set showcmd " 显示命令
set ignorecase " 搜搜忽略大小写
set hlsearch " 高亮搜索结果
set incsearch " 即时高亮符合搜索的第一个内容
set nowrap " set wrap 换行
set nu "set nonu 不显示行号
set cc=80 " 在 80 列显示红线,以免写的列太宽不好看

你可以把这些指令根据需要加入到 ~/.vimrc 文件中,或者需要的时候在用 : 的底线命令模式来临时执行一次。

如果需要给 vim 加上红蓝 buf,就需要用到它的插件模式,网上有无穷无尽的 vim 插件来实现各种五花八门的功能。使用 vim 插件之前,需要在配置文件开启插件。但是我们通常不直接配置 vim 的插件,会使用 vim 的插件管理器,比如 Vundle、vim-plug 等等。以 Vundle 为例,需要先下载 Vundle 把他放到 ~/.vim/bundle/Vundle.vim,如果你稍微懂 git 可以使用 git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim 直接克隆下来,不会也没关系,后面会有 git 的教程,你直接去 https://github.com/VundleVim/Vundle.vim/releases 下载一个下来放到这个目录就行了 。

打开 ~/.vimrc 加入配置:

" ----------------------------- Vundle Start -----------------------------
set nocompatible
filetype off
set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()
Plugin 'VundleVim/Vundle.vim'

" 引入插件的申明

call vundle#end()
filetype plugin indent on
" ----------------------------- Vundle End   -----------------------------

wq 保存一下,重启 vim,如果没有发生错误,说明 Vundle 已经配置好了。

接下来就是找你需要的插件来加入申明了,我们发现这个件插件挺帅的 https://github.com/vim-airline/vim-airline,干他。

在 ~/.vimrc 的 " 引入插件的申明下面一行里加入:

只是申明还不能使用,我们需要通知 vim 去下载这些插件的文件,先 :w 保存一下配置文件,然后底线命令模式 :PluginInstall 执行。

vim 显示 Processing 'vim-airline/vim-airline' 等就开始去下载安装插件了。

底部显示 Done! 就说说明安装完成了,输入 :qa 退出 vim,接着 vim main.c 看看,底部多了状态栏,显示了文件的信息和当前光标在文件中的进度,还有行号和列号,帅成 P 了有没有。

什么不够帅,好吧这只是默认配置,去看看别人的配置充值一下信仰 https://github.com/vim-airline/vim-airline/wiki/Screenshots,而且这个插件只是 vim 插件这片大海的一滴水而已,很多的插件你以后会碰到的,不过安装方法都是一样的,每个插件有一些参数配置,注意阅读插件的文档。

这个网站 https://vimawesome.com/ 统计了 vim 插件的排行榜,可以作为参考。

至此,你应该知道怎么配置 vim 和增强 vim 了。一个小作业,安装一下这个插件 https://github.com/mg979/vim-visual-multi,它提供了 Sublime Text/VS Code 中 Ctrl+d 的批量编辑功能。

相关推荐

jQuery VS AngularJS 你更钟爱哪个?

在这一次的Web开发教程中,我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题,即jQuery和AngularJS之间的区别是什么?也就是说jQueryVSAngularJS?...

Jquery实时校验,指定长度的「负小数」,小数位未满末尾补0

在可以输入【负小数】的输入框获取到焦点时,移除千位分隔符,在输入数据时,实时校验输入内容是否正确,失去焦点后,添加千位分隔符格式化数字。同时小数位未满时末尾补0。HTML代码...

如何在pbootCMS前台调用自定义表单?pbootCMS自定义调用代码示例

要在pbootCMS前台调用自定义表单,您需要在后台创建表单并为其添加字段,然后在前台模板文件中添加相关代码,如提交按钮和表单验证代码。您还可以自定义表单数据的存储位置、添加文件上传字段、日期选择器、...

编程技巧:Jquery实时验证,指定长度的「负小数」

为了保障【负小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【负小数】的方法。HTML代码<inputtype="text"class="forc...

一篇文章带你用jquery mobile设计颜色拾取器

【一、项目背景】现实生活中,我们经常会遇到配色的问题,这个时候去百度一下RGB表。而RGB表只提供相对于的颜色的RGB值而没有可以验证的模块。我们可以通过jquerymobile去设计颜色的拾取器...

编程技巧:Jquery实时验证,指定长度的「正小数」

为了保障【正小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【正小数】的方法。HTML做成方法<inputtype="text"class="fo...

jquery.validate检查数组全部验证

问题:html中有多个name[],每个参数都要进行验证是否为空,这个时候直接用required:true话,不能全部验证,只要这个数组中有一个有值就可以通过的。解决方法使用addmethod...

Vue进阶(幺叁肆):npm查看包版本信息

第一种方式npmviewjqueryversions这种方式可以查看npm服务器上所有的...

layui中使用lay-verify进行条件校验

一、layui的校验很简单,主要有以下步骤:1.在form表单内加上class="layui-form"2.在提交按钮上加上lay-submit3.在想要校验的标签,加上lay-...

jQuery是什么?如何使用? jquery是什么功能组件

jQuery于2006年1月由JohnResig在BarCampNYC首次发布。它目前由TimmyWilson领导,并由一组开发人员维护。jQuery是一个JavaScript库,它简化了客户...

django框架的表单form的理解和用法-9

表单呈现...

jquery对上传文件的检测判断 jquery实现文件上传

总体思路:在前端使用jquery对上传文件做部分初步的判断,验证通过的文件利用ajaxFileUpload上传到服务器端,并将文件的存储路径保存到数据库。<asp:FileUploadI...

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能。开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/R...

大数据开发基础之JAVA jquery 大数据java实战

上一篇我们讲解了JAVAscript的基础知识、特点及基本语法以及组成及基本用途,本期就给大家带来了JAVAweb的第二个知识点jquery,大数据开发基础之JAVAjquery,这是本篇文章的主要...

推荐四个开源的jQuery可视化表单设计器

jquery开源在线表单拖拉设计器formBuilder(推荐)jQueryformBuilder是一个开源的WEB在线html表单设计器,开发人员可以通过拖拉实现一个可视化的表单。支持表单常用控件...

取消回复欢迎 发表评论: