【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使い方】ソースを色付けしてコードを読みやすくする方法!!

[email protected]_is_Rです。 Vimの使い方、第8回目です。 今回はVimを使う上で、コードを見やすくするために、ソースを色分けする方法を紹介していきます。 前回の記事

【罵倒少女】女の子に罵られたいなら急げ!!ボイス付きAIが公開中!!

そのうちコンピュータが人を作ってしまう時代が[email protected]_is_Rです。 8月4日、期間限定で罵倒少女というAIがpixiv上で公開されました。 このAIの最大の特徴は、返って

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

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

Medibang Paint

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

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

【無料あり】アニメが見れる動画サービスまとめ11選!!

[email protected]_is_Rです。 最近はテレビでアニメを見ることが少なくなりました。ネットで見れてしまうので。。。 そんなわけで、今回はネット上でアニメが観れるサイト

Mocashamo browser

モカシャモブラウザでAndroidがまるでパソコンみたいに!?

スマホは持ち運びには便利だけど、やっぱり使いにくい!@It_is_Rです。 スマホが使いにくい最もな原因は、ウィンドウをいくつも表示させることができないからだと思っています。 例えば、twit

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

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

【ポケモンGO】FastPokeMapが復活!使い方を覚えてポケモンゲットだぜ!

ポケモンGO が日本でプレイできる様になって早くも3ヶ月です[email protected]_is_Rです。 FastPokeMap というサービスは、 ポケモンの居場所がリアルタイムに分かるものです。 サービスが

RezerGo

【RazerGo使い方】ポケモンGO専用チャットが神がかっててヤバイ!!

[email protected]_is_Rです。 ポケモンの場所をリアルタイムで特定できる地図アプリが多く出回りましたが、サービスが止まっているものが続出していますね。 今まで使えたアプリが使用でき

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

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


コメントを残す

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


Category

Games