【Vimプラグイン】vim-indent-guidesでインデントに色をつける

  • Pocket
  • このエントリーをはてなブックマークに追加
  • 163 follow us in feedly

まえがき

今回はVimでインデントに色を付けて表示してくれるプラグイン『vim-indent-guides』の導入と設定方法をメモ

こんな感じでインデントに色を付けることができるので階層がわかりやすくなりました。

ひとによっちゃあうっとおしいかもしれませんw

vim-indent-guides-1

vim-indent-guides-2

vim-indent-guidesのインストール

自分はNeobundleでプラグインをかんりしているのでこんな感じで『~./vimrc』に追加します

NeoBundle 'nathanaelkane/vim-indent-guides'                 " インデントハイライトプラグイン

これであとは『:NeoBundleInstall』を実行すればインストール完了

vim-indent-guidesの設定をいじいじ

あとは自分好みの色に設定をいじりましょう。

色の設定の他に、自動でvim-indent-guidesを起動するのと、インデントをカラー表示する幅の設定を書いています

" vim-indent-guides
let g:indent_guides_auto_colors=0
autocmd VimEnter,Colorscheme * :hi IndentGuidesOdd   ctermbg=110
autocmd VimEnter,Colorscheme * :hi IndentGuidesEven  ctermbg=140
let g:indent_guides_enable_on_vim_startup=1
let g:indent_guides_guide_size=1

色コードをしらべるのは以下のブログがすごくわかりやすいです。

VimLで色指定する数値の一覧

VimLで色指定する数値の一覧

Guihub

vim-indent-guidesのGuihubリポジトリはこちら

https://github.com/nathanaelkane/vim-indent-guides

https://github.com/nathanaelkane/vim-indent-guides

おすすめ書籍

実践Vim 思考のスピードで編集しよう!
Drew Neil
アスキー・メディアワークス
売り上げランキング: 11,168
Vimテクニックバイブル ~作業効率をカイゼンする150の技
Vimサポーターズ
技術評論社
売り上げランキング: 124,725

関連記事

CSScomb-sublime-1CSScomb-vim-1.png

【Vim・Sublime】cssのプロパティの順序を整形するプラグイン【CSScomb】

まえがき Cssのプロパティを自動で順序整形してくれるツール『CSSc...

記事を読む

keitarou_keitarou__Users_keitarou_Dropbox_memo_—_vim_—_178×70-8

Vimの検索・置換コマンドに関するメモ

まえがき 前回の移動系のコマンドのメモに引き続き、今回は検索・置換の...

記事を読む

vi-key-mac-appvi-key-mac-app.png

KeyRemap4MacBookのViModeが超便利過ぎて歓喜乱舞

まえがき 『KeyRemap4』Macユーザーなら必須のアプリの1つで...

記事を読む

no image

Vimのウィンドウ関係のコマンドのメモ

まえがき こんかいはVimのウィンドウに関するメモ。縦にウィンドウを分...

記事を読む

Vimのタブページ機能の使ってみたのでメモ

まえがき [browser-shot url="http://www...

記事を読む

新着記事

no image

PHPでRubyのirbっぽいインタラクティブなスクリプトが実行できる「boris」

まえがき PHPでもRubyのirbみたいなことがしたくて探してみたと...

記事を読む

2015年の抱負と去年の振り返り〜よちよちWEB業界1年経験して〜

まえがき あけましておめでとうございます。今年もどうぞよろしくお願いし...

記事を読む

Java SE 7 Bronze試験(1Z0-802)を受けてきました

まえがき 以前から少し受けてみたかった試験『Java SE 7 Bro...

記事を読む

HubotでJenkinsのジョブを実行する

まえがき HubotをつかってJenkinsのジョブをじっこうしてみた...

記事を読む

no image

Hubotをforeverでデーモン化する

まえがき 今回はHubotをforeverを使ってデーモン化してみた時...

記事を読む

スポンサーリンク

  • Sorry. No data so far.

PAGE TOP ↑