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

この企画の一覧はこちら

スポンサードリンク

おすすめの記事♪

software

Mac標準搭載のDigital Color Meterがイラストを描くのに便利すぎてヤバい件。

[email protected][email protected]いう感じです。 皆さま、イラストを描くのは好きですか?写真の画像を見ながら描いたり、イラストを模写したりしていると、

日本通信のポケモンGO専用SIM「b-mobile ゲームSIM」もうすぐ発売!!

[email protected]_is_Rです。 ポケモンGOが凄く流行ってますね。ニュースを見ていると、ポケモンGOの記事の割合がすごいです。 FREETELの「Pokémon GOパケ

Medibang Paint

MediBang Paint Proの使い方。4コマ漫画を描く8つの手順。

[email protected]_is_Rです。 さて、最近は本当にMediBang Paint Proが流行っているから凄いなと思っています。 そこで、今回はMediBang

software

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

[email protected][email protected]。だって痛いじゃん。 いままでサーバーとのファイルのやり取りにはDWを使っていたのですが、少し使い勝手

music

新曲をニコニコなどにアップしましたのでご報告。

どんなに歩いても火星にたどり着けません!どれだけ歩けばたどり着けるんですか!@It_is_Rです。 今開発中のゲームのOP曲をつくってみました。久しぶりにUTAUを使っています。ゲームのイメージとか

【初心者歓迎】クライアントサイドとサーバーサイドの違いを解説!!

[email protected]_is_Rです。 今回のテーマは、ちょっと細かいテーマですが、難しいこと考えずに気楽にいきましょう! 今回はクライアントサイドプログラムと、サーバーサイドプログ

あなたの前世は猫でしょう!

LINEスタンプを販売しよう。販売の手順や方法。

前は、猫より犬派だったけど、猫を飼いはじめて[email protected]_is_Rです。 今回は、LINEスタンプの販売方法について、記事を書いてみたいと思います。 LINEスタンプは、誰

music

クリスマスソング、作りました。

[email protected]_is_Rです。 みっちり時間をかけてクリスマスソングを作っておりました。今回はその曲をアップしましたので、ご報告です。 今回もラップ調のメロディーにクリ

Google Drive

MacのGoogleドライブで複数アカウントを切り替える方法。

[email protected]_is_Rです。 オンラインストレージはとても便利ですよね。RはオンラインストレージにMacの大切なデータをバックアップする時によく使用しています。 万が一、持

WoWme提供開始。自身のスキルを活かした稼ぎ方ができるかも!

嫌いな勉強よりも、好きなことをやった方がいい[email protected]_is_Rです。 10月17日より、WoWMeの事前登録受付が開始されました。事前登録期間は、10月17〜11月10日までです。(変


コメントを残す

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


Category

Games