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

公開 : → 更新 :

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

皆さんブログのタイトルに興味はないと思うので、本題に移ろうと思います。

MacによるVimの使い方、6回目となります。
今回の内容は、Vimの画面を分割して使う方法です。

今回使用するコマンド

今回使用するコマンドはこちらです。

:sp 画面を上下に分割
:vs 画面を左右に分割
Ctrl + w 2回押すことで、分割した画面の移動
:close 画面を閉じる

複数のファイルを分割表示

では、複数のファイルを分割表示にします。
言葉ではよくわからないかもしれませんが、下の様に分割させたいと思うわけです。
Vim

では、実際に画面を分割してみます。
まず、ファイルはなんでもいいのですが、今回は例としてindex.htmlファイルを読み込んでおきます。

$ vim index.html

Vim

上下に画面を分割

画面を上下に分割して、sample.jsファイルを読み込んでみようと思います。
上下に分割するコマンド、:spを打ち込んでみます。

このままでも、分割はされるのですが、今回はsample.jsを読み込みたいのでその後にファイル名を入力します。

:sp sample.js

Vim

上下に画面を分割することができました。

左右に画面を分割

次に、左右に画面を分割する方法を見ていきましょう。

先ほどと同じ様に、index.htmlを表示させておきます。

$ vim index.html

Vim

左右に分割する命令は:vsなので、この後ろに読み込みたいファイル名を入力します。

:vs sample.js

Vim

左右に分割されました。

組み合わせて更に分割

命令を組み合わせることで、さらに分割することができます。
例えば、上下に分割された状態のまま、左右に分割させる命令を実行するといった感じです。

では、先ほどの様に、上下に分割してみましょう。

:sp sample.js

Vim

では、新しくstyle.cssファイルを作ってみます。
:vs命令は、その名前のファイルを読み込むこともできますが、新規作成することもできます。

:vs style.css

Vim

この様に三分割にすることができます。

それぞれのファイルに移動する

それぞれのファイルに移動したいときは、「Ctrl + w」を2回押します。
Vim

ウィンドウを閉じる

必要がない場合は、:closeで、開いたファイルを閉じることもできます。

:close

保存していなかったりすると閉じることができない場合があります。
強制的に閉じたい場合は!をつけると、強制的に閉じることができます。

:close!

この企画の一覧はこちら

スポンサードリンク

コメントをどうぞ!

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




オススメ記事

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

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

Excel

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

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

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

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

Vim

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

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

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

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

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

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

【Vim使い方】これさえ覚えれば使える!!文字入力の基本操作。

宇宙一のひねくれ者、@It_is_Rです。 Vimの使い方、第4回目となりました。 今回は、Vimを使った文字入力の基本についてを記事にしました。 ちなみに、前回の記事はこちらになります

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

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

Excel

Excel 入門講座。 Excel 関数 & 使い方!

今、初音ミクのイラストを描いているのですが、どうしても男になってしまいます。 そんなことはどうでもいい。。。 今回は、 Microsoft Office Online Excel を使う上で覚

software

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

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