1. HOME
  2. »
  3. ソフトウェア
  4. »
  5. テキストエディタ
  6. »
  7. Vim
  8. »
  9. vim-airlineの使い方と設定方法。Vimのステータスバーを最強に!

vim-airlineの使い方と設定方法。Vimのステータスバーを最強に!

なんてちっぽけで なんて意味のない なんて無力な@It_is_Rです。©️尾崎豊

Vimのステータスバーをかっこよくしたいと思い、vim-airlineを使ってみたのですが、日本語の情報が少なく、思うように設定するのがなかなか大変でした。

そこで今回はvim-airlineの使い方を記事にしてみました。

vim-airlineとは

vim-airlineは、高速かつ軽量で、PowerLineのかわりとなるVimプラグインです。
Vimのステータスバーをかっこよくしてくれます。
また、vim-airline-themesを使うことによって、自分の好きなテーマを選ぶことができます。

人それぞれ違うと思いますが、こちらはvim-airlineに関しての設定をしていない状態です。
これでも十分綺麗ですね。

vim

インストール

では、vim-airlineとをvim-airline-themesをインストールしてみましょう。

$ git clone https://github.com/vim-airline/vim-airline ~/.vim/bundle/vim-airline
$ git clone https://github.com/vim-airline/vim-airline-themes ~/.vim/bundle/vim-airline-themes

vim-plugを使っているのならこちら。

Plug 'vim-airline/vim-airline'
Plug 'vim-airline/vim-airline-themes'

PowerLine fontのインストール

もし見た目が崩れている場合は、PowerLine fontを入れましょう。

git clone https://github.com/powerline/fonts.git --depth=1
cd fonts
./install.sh

あとはターミナルの「環境設定」からインストールしたフォントを選択すればOKです。
大抵のフォントは、最後に「for powerline」と書かれているので、分かると思います。

私は「Fura Mono Powerline」にしました。

ターミナル

vim-airlineの基本画面

vim-airlineの基本画面は次のようになっています。
vim-airline

A : モードの表示、crypt、spell、pasteなどの追加要素を表示します。
B : バージョン管理システムの情報を表示します。
C : ファイル名や、読み取り専用のフラグを表示します。

X : ファイル形式を表示します。
Y : ファイルのエンコードを表示します。
Z : カーソル位置や最大行などを表示します。

タブについて

vim-airlineの特徴といえば、何と言ってもタブ機能です。
このタブ、実際にはbufferがタブのように機能しているような感じで、:tabnewで表示されるタブとは少し違います。

タブを有効にする

ではタブを有効にしてみましょう。.vimrcに以下を入力します。

.vimrc

let g:airline#extensions#tabline#enabled = 1

例えば、test.jsファイルを変更している最中に、別のファイルを開きたくなりました。
:e test2.jsで、test2.jsファイルを開きます。

さらにtest3.jsファイルを開きました。
するとこのように、開いたファイルがタブで表示されます。

vim

タブを切り替える

タブを切り替える方法ですが、実際にはbufferなので、一応:bprevious:bnextで切り替えられます。
しかし、そんなのめんどくさいですよね。せっかく便利なんだから、タブの切り替えもスムーズに行いたいです。

そこで.vimrcに以下を入力します。
.vimrc

nmap <C-p> <Plug>AirlineSelectPrevTab
nmap <C-n> <Plug>AirlineSelectNextTab

これを入力しておけば、⌃Control+p⌃Control+nでタブを切り替えられるようになります。

タブに番号を表示する

タブに番号を表示することもできます。
.vimrc

let g:airline#extensions#tabline#buffer_idx_mode = 1

小さくて見えづらいですが、タブに番号が表示されました。
vim

また、番号のフォーマットを変更することもできます。

.vimrc

let g:airline#extensions#tabline#buffer_idx_format = {
	\ '0': '0 ',
	\ '1': '1 ',
	\ '2': '2 ',
	\ '3': '3 ',
	\ '4': '4 ',
	\ '5': '5 ',
	\ '6': '6 ',
	\ '7': '7 ',
	\ '8': '8 ',
	\ '9': '9 '
	\}

このようにすることで、タブの番号を大きくすることもできました。
vim

タブの区切りを変更

タブの区切り文字を変更することもできます。

.vimrc

let g:airline#extensions#tabline#left_sep = '\'
let g:airline#extensions#tabline#left_alt_sep = '/'

いいかどうかは別として、このようになります。
vim

各モードで表示される文字の変更

Vimには様々なモードがありますが、その表示される文字を変更することもできます。

.vimrc

let g:airline_mode_map = {
	\ 'n'  : 'Normal',
	\ 'i'  : 'Insert',
	\ 'R'  : 'Replace',
	\ 'c'  : 'Command',
	\ 'v'  : 'Visual',
	\ 'V'  : 'V-Line',
	\ '⌃V' : 'V-Block',
	\ }

ただ、⌃Vに関しては特殊な文字なので、コピペしても反映されません。
制御コード(⌃V)は、⌃Control+vを2回押して入力する必要があります。

記号を変更する

Vimにはいくつかのモードなど、機能がありますが、それらを様々な記号を使って表すこともできます。

.vimrc

if !exists('g:airline_symbols')
	let g:airline_symbols = {}
endif

"左側に使用されるセパレータ
let g:airline_left_sep = '⮀'
let g:airline_left_alt_sep = '⮁'
"右側に使用されるセパレータ
let g:airline_right_sep = '⮂'
let g:airline_right_alt_sep = '⮃'
let g:airline_symbols.crypt = '🔒'		"暗号化されたファイル
let g:airline_symbols.linenr = '¶'			"行
let g:airline_symbols.maxlinenr = '㏑'		"最大行
let g:airline_symbols.branch = '⭠'		"gitブランチ
let g:airline_symbols.paste = 'ρ'			"ペーストモード
let g:airline_symbols.spell = 'Ꞩ'			"スペルチェック
let g:airline_symbols.notexists = '∄'		"gitで管理されていない場合
let g:airline_symbols.whitespace = 'Ξ'	"空白の警告(余分な空白など)

実際に表示させてみたものです。
vim

暗号化したファイルを開いている場合は下のようになります。
vim

左下に鍵マークがつきました。

ペーストモードやスペルチェック、gitブランチの記号は、それらが有効になっていないと反映されません。

ステータスラインに表示する項目を変更する

ステータスラインに表示する項目を変更することもできます。
vim-airline

並び順(レイアウト)を変更

ステータスラインの項目の並び順を変更してみます。

.vimrc

let g:airline#extensions#default#layout = [
	\ [ 'z', 'y', 'x' ],
	\ [ 'c', 'b', 'a', 'error', 'warning']
	\ ]

このように、並び順が変更されます。
vim-airline

表示する項目を変更

vim-airlineのヘルプによると、デフォルトでは、以下のようになっているそうです。

A : mode, crypt, paste, spell, iminsert
B : hunks, branch
C : bufferline または filename

X : tagbar, filetype, virtualenv
Y : fileencoding, fileformat
Z : percentage, line number, column number

これらを変更するには、let g:airline_section_{項目を設定する場所} = airline#section#create(['{入れたい項目}', '{入れたい項目}'])といったふうにします。

Aに表示する項目に、ペーストモードやスペルチェックが有効かどうかの項目がありますが、別にそんなの表示する必要もない気もします。
そこで、Aにはモードと、暗号化されているかどうかのみ表示するように設定を変更してみます。

.vimrc

let g:airline_section_a = airline#section#create(['mode', 'crypt'])

ペーストモード、スペルチェックが有効になっているにも関わらず、そのマークが表示されなくなりました。
暗号化はしていないので、鍵マークは表示されていません。
vim-airline

テーマを変更する

テーマを変更すると、見た目が変わります。
様々なテーマが用意されているので、好きな物を選びましょう。

テーマの変更は、以下のように行います。

.vimrc

let g:airline_theme = 'papercolor'

vim

また、その場で確認したい場合は、:AirlineTheme {theme-name}を使うと便利です。

:AirlineTheme papercolor

テーマの一覧は、vim-airlineのスクリーンショットを参考にしてください。
vim-airline Screenshots

挿入モードからノーマルモードへの切り替えの遅延をなくす

挿入モードからEscでノーマルモードに戻す時、少し時間がかかる場合は次のコマンドを.vimrcに入れてみましょう。

.vimrc

set ttimeoutlen=50

まとめ

Vimはやっぱり見やすさとかっこよさの両方を兼ね備えていてこそ、効率のいい作業ができるのだと思います。
vim-airlineを使えば、Vimのステータスバーを簡単にかっこよくできるので、ぜひ使ってみてください。

以上、vim-airlineの使い方でした。

スポンサードリンク

関連コンテンツ

オススメ記事

Vim

【Vim】Macで高機能テキストエディタ。最新版のインストール方法。

妖怪人間Vim。。。はいすいません。@It_is_Rです。 これから複数回の記事に分けて、Vimの使い方を解説していきたいと思います。 今回は、Macに最新版のVimをインストールする方法です

【Vim使い方】ソースを色付けしてコードを読みやすくする方法!!

普段から何も考えてない、@It_is_Rです。 Vimの使い方、第8回目です。 今回はVimを使う上で、コードを見やすくするために、ソースを色分けする方法を紹介していきます。 前回の記事

software

【Mac可】CrossFTPを使ってサーバーとデータを送受信する方法!!

目に入れても痛くないほど動物が好きな@It_is_Rです。もちろん目に入れたことはありません。だって痛いじゃん。 いままでサーバーとのファイルのやり取りにはDWを使っていたのですが、少し使い勝手

Vim

vimrc 設定で、 Vim をまるで普通のテキストエディタの様に使う方法。

寒い日が続いております。 @It_is_R です。 寒いと手がかじかむし、部屋を暖めると眠くなるし、何かいい方法はないものでしょうかね。 何も設定しない状態で Vim を使うと、真っ白な画面に

Excel

Office Online を使った Excel 初心者入門講座。

パソコンのソフトって無駄に高いですよね。。。 それなのに、学校の授業などで Microfost Office は必要となってきます。 お金のないあなたにとって、悩みの一つでしょう。 しかし、

【Vim使い方】これで初心者卒業!!便利に使えるコマンド一覧。

作業をしようと思ってから、実際にするまで3時間かかります。@It_is_Rです。 Vimの使い方、第5回目です。 今回は、初心者卒業向けとして、便利に使えるコマンドについて記事を書いてみたいと

【Vim使い方】ファイルの作成と開き方、保存の方法。(Mac OS X)

Vimよりも美女と戯れたい。@It_is_Rです。 前回に引き続き、Vimの使い方について解説していきたいと思います。 今回は、ファイルの作成、開き方、保存の方法について解説していきたいと思い

【Vim使い方】Vimの画面を分割して使う方法。画像付きで分かり易く!

ブログの正式タイトルが、英語表記からカタカナ表記に変更になりました。 それに合わせてロゴも作っていこうと思っています。@It_is_Rです。 皆さんブログのタイトルに興味はないと思うので、本題

vagrant virtualbox

【 Mac 】 Vagrant と VirtualBox のインストール方法。

夢は大きければ大きいほど、叶わない。@It_is_Rです。 今回の記事は、Vagrant & VirtualBox のインストール方法です。 サイトからダウンロードしてインストール

【Vim使い方】行番号を表示&非表示にする方法。

もしも魔法が使えたら猫になります。@It_is_Rです。 Vimの使い方、第7回目です。 今回はVimの画面に行番号を表示&非表示にする方法を紹介したいと思います。 前回の記事はこちらに

コメントをどうぞ!

メールアドレスが公開されることはありません。