打造一款彩色Vim编辑器

发布时间 - 2019-11-30 00:00:00    点击率:

相信大家在使用各种各样强大的 ide 写代码时都会注意到,代码中各种类型的关键字会用独特的颜色标记出来,然后形成一套语法高亮规则。这样不仅美观,而且方便代码的阅读。而在上古神器 vim 中,我们通常看到的是黑底白字,没有任何其它颜色。难道我们的 vim 就这么枯燥乏味吗?当然不是,vim 隐藏了非常多非常实用的功能与技巧,不是老司机根本就不知道。

下面来详细介绍。在开始之前,我们要先检查一下系统中是否安装了 Vim 编辑器。一般来说 Ubuntu 系统是默认自带的,没有的小伙伴请先自行安装。

$ sudo apt-get install vim

然后我们运行以下命令来查看安装好的 Vim 编辑器的版本。

$ vim -version

接下来,我们就可以为 Vim 编辑器添加配色方案。为了能看出效果,我们准备了一个名为 login.sh 的 bash 文件,它的内容如下:login.sh

#!/bin/bash
echo "Type your username"
read username
echo "Type your password"
read password
if [[ ( $username == "admin" && $password == "secret" ) ]]; then
echo "Authorized user"
else
echo "Unauthorized user"
fi

运行以下命令使用 Vim 编辑器打开该文件:

$ vim login.sh

启用/禁用语法高亮显示

有些发行版的 Vim 编辑器已经帮你默认启用语法高亮,而有些发行版却没有。如果没有默认打开语法高亮,那么我们就需要自行打开。打开的方法其实也很简单。在 Vim 编辑器中打开 login.sh 文件后,按 ESC 键并键入 :syntax on ,语法高亮显示就打开了,非常方便。

同样,关闭语法高亮也很简单,只需按 ESC 键并键入 :syntax off即可。

永久启用或禁用语法高亮显示

刚刚那种打开语法高亮的方法只是暂时性的,一旦当前文件关闭,下次打开文件就需要重新打开语法高亮。如果想要永久启用或禁用语法高亮显示,就需要修改 .vimrc 文件。首先,我们使用 Vim 打开 .vimrc 文件。

$ sudo vim ~ / .vimrc

然后,在打开的文件中添加一句 syntax on 命令,代表永久启用语法高亮显示。最后再输入 :wq 保存并关闭文件。

如果想要永久禁用语法高亮,则添加 syntax off 命令即可。

改变配色方案

在默认情况下,打开语法高亮后 Vim 为你应用了一套默认的配色方案,而实际上 Vim 还有很多套配色方案可供我们使用,我们可以自行去修改。安装 Vim 后,颜色方案文件位于 /usr/share/vim/vim*/colors/中。我们可以运行以下命令来查看 Vim 配色方案文件的列表。

$ ls -l /usr/share/vim/vim*/colors/

可以看出 Vim 为我们提供了非常多的配色方案,我们可以根据自己的需要自由选择。假设,我们有一个 hello.html 的 html 文件,我们想要将它的的配色方案改为 morning 类型。

hello.html



 Welcome 


Hello Everybody, Welcome to our site

我们首先运行以下命令在 Vim 中打开这个 html 文件。

$ vim hello.html

按 ESC 并键入 :colorscheme morning ,这样我们就更改了文件当前的颜色方案。

应用新颜色方案后 。但这种更改依然是暂时的,关闭编辑器后配色方案将被重置。

如果想要永久设置特定的配色方案及背景,那么我们需要再次打开 .vimrc 文件并添加以下命令文本。下面配置的是夜晚配色方案,会将背景颜色设置为深色。

color evening
set background=dark

根据语言选择配色方案

Vim 编辑器支持多种语言的语法,例如 PHP,Perl,Python,awk 等。根据不同语言,它会应用一套相应语言的配色方案。比如现在有一个名为 average.py 的 Python 文件,我们用 Vim 编辑器打开它。通过 Vim 编辑器的默认配色方案。

这是一个 Python 文件,但如果我们想以 Perl 的语法风格来显示,要怎么操作?我们只需输入 :set syntax=perl ,按 Enter 键就可以了,效果如下图所示。

:set syntax=perl

自定义配色方案

前面所介绍的那些配色方案,其实都是系统自带的,我们只是选择一下而已。如果我们想要个性化一点,自定义一套配色方案,要怎么操作?强大的 Vim 也是支持你这个需求的!一般而言,语法需要高亮的无非就是 变量、注释、常量 之类的,Vim 编辑器支持的语法高亮组有如下 9 个:

Identifier
变量
Statement
关键字,例如 if,else,do,while等
Comment
注释
Type
数据类型,如 int、double、string等
PreProc
预处理器语句,比如 #include
Constant
常量,如数字、带引号的字符串、真/假等
Special
特殊符号,如“\t”、“\n”等
Underlined
带下划线的文本
Error
错误

下面举个例子。在 Vim 编辑器中打开名为 leap.py 的 Python 脚本文件。默认情况下,该文件的语法高亮显示如下图所示。

如果我们想把关键字变为红色,该怎么操作?只需输入 :hi Statement ctermfg=red 即可。这时,if 和 else 的颜色将变为红色。:hi Statement ctermfg=red

当然,对于注释、常量、数据类型,我们也可以使用同样的方法来改变颜色。这样一来,你就会形成一套自己的配色方案,感觉是不是很酸爽?

本文来自,linux系统教程栏目,欢迎学习!  


# Python  # php  # perl  # bash  # html  # 数据类型  # String  # 常量  # if  # while  # Error  # 字符串  # 预处理器  # int  # double  # ide  # vim  # linux  # ubuntu  # 编辑器  # 只需  # 自己的  # 的是  # 我们可以  # 也很  # 自定义  # 所示  # 该文件  # 如下图 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  WEB开发之注册页面验证码倒计时代码的实现  如何快速搭建个人网站并优化SEO?  网站页面设计需要考虑到这些问题  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  jQuery validate插件功能与用法详解  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  如何撰写建站申请书?关键要点有哪些?  如何在万网主机上快速搭建网站?  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  魔方云NAT建站如何实现端口转发?  详解vue.js组件化开发实践  如何注册花生壳免费域名并搭建个人网站?  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全  如何快速搭建支持数据库操作的智能建站平台?  简历在线制作网站免费版,如何创建个人简历?  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  如何在万网利用已有域名快速建站?  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  高端建站如何打造兼具美学与转化的品牌官网?  Laravel事件监听器怎么写_Laravel Event和Listener使用教程  香港服务器网站卡顿?如何解决网络延迟与负载问题?  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  Windows10电脑怎么查看硬盘通电时间_Win10使用工具检测磁盘健康  实例解析Array和String方法  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  如何基于云服务器快速搭建网站及云盘系统?  Laravel如何创建自定义中间件?(Middleware代码示例)  Laravel集合Collection怎么用_Laravel集合常用函数详解  Android 常见的图片加载框架详细介绍  如何基于PHP生成高效IDC网络公司建站源码?  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  Claude怎样写约束型提示词_Claude约束提示词写法【教程】  如何在Tomcat中配置并部署网站项目?  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载  利用python获取某年中每个月的第一天和最后一天  Swift中swift中的switch 语句  Laravel如何使用Vite进行前端资源打包?(配置示例)  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析