1. HOME
  2. »
  3. ソフトウェア
  4. »
  5. テキストエディタ
  6. »
  7. Vim
  8. »
  9. 【Vim使い方】Vimの画面を分割して使う方法。画像付きで分かり易く!

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

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

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

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

目次
  1. 今回使用するコマンド
  2. 複数のファイルを分割表示
  3. それぞれのファイルに移動する
  4. ウィンドウを閉じる

今回使用するコマンド

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

: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!

この企画の一覧はこちら

  1. 【Vim】Macで高機能テキストエディタ。最新版のインストール方法。
  2. 【Vim使い方】初心者でもすぐに始められるVimの基本(Mac OS X)
  3. 【Vim使い方】モードって何なの!? 完璧に理解して使いこなせ!!
  4. 【Vim使い方】これさえ覚えれば使える!!文字入力の基本操作。
  5. 【Vim使い方】これで初心者卒業!!便利に使えるコマンド一覧。
  6. 【Vim使い方】Vimの画面を分割して使う方法。画像付きで分かり易く!
  7. 【Vim使い方】行番号を表示&非表示にする方法。
  8. 【Vim使い方】ソースを色付けしてコードを読みやすくする方法!!
  9. vimrc 設定で、 Vim をまるで普通のテキストエディタの様に使う方法。

スポンサードリンク

関連コンテンツ

オススメ記事

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

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

UTMでの仮想環境(Ubuntu)でWebサーバを立ち上げる方法

M1 MacではVirtualBoxがうまく動作せず、UTMを使っているのですが、UTMの情報がまだまだ少ない気がします。 さて、VPSなどで運用するサイトをお持ちの方でしたら、サーバなどの知

Excel

Excelの使い方。初心者でもすぐ分かる!基本を実践で完全解説

パソコンのソフトって無駄に高いですよね。。。 それなのに、学校の授業などで Microfost Office は必要となってきます。 しかし、そんなあなたに朗報です。 Office Online を

office

WordやExcel、PowerPointなど、Officeを無料で使う方法

学校などで、WordやExcelを使って提出物を作らなければいけないことはありませんか? Microsoft Officeの購入を考えている方もいるかもしれません。しかし、今後使用するかどうかも分か

YouTubeのおすすめやコメントを非表示にする方法。もう時間を無駄にしたくない!

YouTubeを見ていると、つい時間を無駄にしてしまうことってありますよね。気がつくと時間が過ぎていて、あとから、全然作業進んでない……ってなる方も多いと思います。 そんなときは、Chrome

vim

Vimのインストールと、環境変数にPathを設定する方法【Windows10】

Vimは、多くの方が使っているものとはちょっと違った、高機能なテキストエディタです。 一見とても使いづらいように思えますが、これに慣れてしまうと他のテキストエディタを使えなくなってしまうほど、Vim

franz

便利すぎ! Franz 5で普段使うチャットサービスを管理してみよう!

Franzは様々なチャットサービス等を、1つのアプリ上で管理できる便利なツールです。 このツールを初めて使ってみたのですが、一瞬で使いたいチャットサービス等を開くことができ、とても便利なので、今

rufus

Rufusの使い方。ブータブルUSBを簡単に作成可能!

起動にとても時間がかかる@It_is_Rです。 Rufusは、起動可能なUSBドライブを作成するのに、とても便利なソフトです。今回はRufusの使い方ということで、CentOSのインストールU

超簡単!画面録画ソフト「EaseUS RecExperts for Mac」が使いやすい

ネットを使っているならば、必ずといっていいほど動画を目にします。パソコンを開けばまず、YouTubeを見るという方も多いのではないでしょうか。 動画は私たちの生活に欠かせないものとなっておりま

software

フリーテキストエディタ徹底比較。一番自分に合ったものを探そう!

こんにちは、@It_is_R です。 WEBページを作るときや、プログラミングをするとき、必須になるのがテキストエディタです。 よい機能を使うことで、プログラムのバグを防ぐことができます。

コメントをどうぞ!(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です