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 をまるで普通のテキストエディタの様に使う方法。

スポンサードリンク

関連コンテンツ

オススメ記事

rufus

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

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

software

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

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

vagrant virtualbox

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

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

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

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

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

なんてちっぽけで なんて意味のない なんて無力な@It_is_Rです。©️尾崎豊 Vimのステータスバーをかっこよくしたいと思い、vim-airlineを使ってみたのですが、日本語

Vim

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

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

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

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

UTMでM1 MacにUbuntuの仮想環境を構築してみよう!

Apple M1ではVirtualBoxなどの仮想化ソフトがうまく動かなかったりします。Parallels Desktop for MacがM1に対応しているとのことですが、できれば無料のものを使い

software

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

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

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

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

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

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