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

  • Pocket
  • このエントリーをはてなブックマークに追加
  • 172 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

関連記事

vim-rspec-1vim-rspec-1.png

VimでRSpecのテストを実行できるようにする

まえがき 今回はVimから直接RSpecのテストを実行する方法をメモし...

記事を読む

xvim-xcode51-1xvim-xcode51-1.png

「XVim」をXcode5.1で使う方法と、ショートカットキーを無効にする

まえがき 久しぶりのブログはXcodeのプラグイン「XVim」に関して...

記事を読む

vrapper-eclipse-1vrapper-eclipse-1.png

EclipseでVimのキーバインドがつかえるVrapperで世界変わったわ

まえがき Eclipseのショートカットやらキーバインドってなかなか慣...

記事を読む

hhkb-kounyuu-1.jpg

Mac用にPFU Happy Hacking Keyboard Professional2 墨 英語配列 を買ってみた

まえがき とうとう、買ってしまいました。『PFU Happy Hack...

記事を読む

vimcalc-1vimcalc-1.png

Vimで電卓機能を追加するプラグイン『VimCalc』

まえがき 今回はちょっとしたVimのプラグインの紹介メモ。 たまにはV...

記事を読む

新着記事

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を使ってデーモン化してみた時...

記事を読む

スポンサーリンク

PAGE TOP ↑