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

この企画の一覧はこちら

スポンサードリンク

おすすめの記事♪

クリエイターなら知っておくべし、有益な情報サイトまとめ10選!!

レバテッククリエイターにて、私が書いた記事「MediBang Paint Proで漫画を1ページだけ描いてみた。」を、紹介し[email protected]_is_Rです。 レバテッククリエイターは、デ

JCNews

JC Newsってアプリの、アニメゲームニュースが最強ww

世の中のニュースがすべて明るいニュースになれ[email protected]_is_Rです。 JC Newsは、アニメやゲーム、声優などのニュースに特化したニュースアプリ(サイトもあり)で

【無料 & 商用可】マジで使える海外の写真素材サイト11選まとめ!!

写真はカメラと場所が必要なので、腕だけではど[email protected]_is_Rです。 写真素材サイトは、日本のものでもいくつかあります。 しかし今回は、日本の画像素材はそろそろ飽きたという

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

[email protected]_is_Rです。 Vimの使い方、第7回目です。 今回はVimの画面に行番号を表示&非表示にする方法を紹介したいと思います。 前回の記事はこちらに

【歪みの国のアリス〜アンコール】基本料金無料で早速プレイ。

[email protected]t_is_Rです。 歪みの国のアリス〜アンコールが、2015年12月22にサンソフトから配信されました。 R自身、このゲームは前から気になっていた

Medibang Paint

MediBang Paint Proで漫画を1ページだけ描いてみた。

こんばんは。おひさしぶりです。日本は最強だと[email protected]_is_Rです。 さて皆様、漫画はお好きでしょうか。Rは漫画が大好きです。……実は私、小学生の頃は漫画家に憧れていまして、こっそり漫画を描

【Poke LIVE】リアルタイムでポケモンの位置が分かる究極のアプリ!!

ポケモンGOのアイデアはすごいなーと感心するば[email protected]_is_Rです。(←何様!? さて、今回はポケモンGOをプレイする上で、リアリタイムでポケモンの位置が分かってしまう究極のアプリを紹介します

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

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

Vim

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

[email protected]_is_Rです。 これから複数回の記事に分けて、Vimの使い方を解説していきたいと思います。 今回は、Macに最新版のVimをインストールする方法です

Pokémon GO

ポケモン GO(Pokémon GO)が日本でも配信。早速プレイしました!

[email protected]_is_Rです。 最近、ネットはポケモンGOの話題で盛り上がっていますね。 本日より、ポケモンGOが日本でも配信されました。 そこで、Rもポケ


コメントをどうぞ!

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




Games