前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >mac编辑器vim美化

mac编辑器vim美化

作者头像
小胖
发布2019-08-27 11:04:43
1.8K0
发布2019-08-27 11:04:43
举报
文章被收录于专栏:进击的君君的前端之路

环境

mac下vim的配置文件有两处

一处是所有用户通配的位置,位于/usr/share/vim下,名称为vimrc,无后缀

另一处位于~/.vim下,是当前用户的配置切换到这个用户时,这个配置会顶替上一种配置

为了不让自己的配置影响到别的使用者(假使他们没有配置自己的vimrc配置),建议修改当前用户下,也就是~/.vim/vimrc的配置

美化前,美化后

一般的vim界面:

image.png

配置之后:

image.png

界面效果由两个vim插件完成

配色由插件gruvbox完成,gruvbox有两种颜色模式,light和dark模式,可以设置

vim-airline插件完成页面最下方的当前页面进度百分比等信息

安装

为了更好地管理插件的安装,管理插件的插件有: Pathogen, Vundle, NeoBundlevim-plug

这里使用vim-plug管理我们的插件

打开终端并运行以下命令: curl -fLo ~/.vim/autoload/plug.vim --create-dirs [https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim](https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim)

这里需要注意,下载下来的地址必须是~/.vim/autoload/plug.vim 否则接下来配置了vim之后会报错 Error detected while processing /Users/selton/.vim/vimrc: E117: Unknown function: plug#begin

注意: 请在vim配置文件的开头第一句写明set nocompatible set nocompatible,关闭兼容模式 也就是set nocompatible开启了vim相对于vi的很多新的功能,报错异步加载的功能 所以如果没有set nocompatible,接下来的plugin安装会下载成功,但是:PlugStatus查看状态就一直是失败 由于这个选项是最最基础的选项,会连带很多其它选项发生变动(称作副作用)

vi ~/.vimrc编辑配置文件。在配置文件中声明插件时,列表应该以 call plug#begin(PLUGIN_DIRECTORY)开始,并以 plug#end()结束

代码语言:javascript
复制
call plug#begin('~/.vim/plugged')
Plug 'kien/ctrlp.vim'
Plug 'vim-airline/vim-airline'
Plug 'morhetz/gruvbox'
call plug#end()

注意: ~/.vim/plugged路径是否正确,前后有无空格

之后输入:

代码语言:javascript
复制
:PlugStatus

出现

代码语言:javascript
复制
x ctrlp.vim:

Not found. Try PlugInstall.

x vim-airline:

Not found. Try PlugInstall.

x gruvbox:

Not found. Try PlugInstall.

在这个竖分界面下输入

代码语言:javascript
复制
:PlugInstall

出现

代码语言:javascript
复制
Finishing ... Done!

ctrlp.vim: Resolving deltas: 100% (115/115), done.

vim-airline: Resolving deltas: 100% (396/396), done.

gruvbox: remote: Total 61 (delta 12), reused 40 (delta

输入

代码语言:javascript
复制
:PlugStatus

显示三个插件都是ok

在配置call plug#end()之后加入配置

代码语言:javascript
复制
gruvbox setting
colorscheme gruvbox
set background=dark

保存退出之后,再次打开,发现配色和图片展示一致

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.08.26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 环境
  • 美化前,美化后
  • 安装
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档