打造一款彩色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 个:
下面举个例子。在 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 身份认证的正确实践与常见误区解析
上一篇:番茄小说怎么设置评论气泡
上一篇:番茄小说怎么设置评论气泡

