【Vim使い方】これさえ覚えれば使える!!文字入力の基本操作。

公開 : → 更新 :

宇宙一のひねくれ者、@It_is_Rです。

Vimの使い方、第4回目となりました。
今回は、Vimを使った文字入力の基本についてを記事にしました。

ちなみに、前回の記事はこちらになります。
この記事を読む前に、モードについてはしっかり理解しておかないと、わけがわからなくなるかもです。
【Vim使い方】モードって何なの!? 完璧に理解して使いこなせ!!

覚えておきたいコマンド

まず、覚えておきたいコマンドについて見ていきます。

カーソル移動のコマンド

まずは、カーソルを移動する為のコマンドを見ていきましょう。
これらを使わなくても、方向キーで移動はできます。しかし、これらを覚えることで方向キーまで手を移動する手間を省けるわけです。

k カーソルを上方向へ移動
j カーソルを下方向へ移動
h カーソルを左方向へ移動
l カーソルを右方向へ移動

モード切り替えコマンド

こちらは、モードを切り替える為のコマンドです。
大文字、小文字で区別することが多いです。

i 挿入モードに切り替え(カーソルの位置をそのまま)
I 挿入モードに切り替え(カーソルをその行の先頭に移動)
a 挿入モードに切り替え(カーソルを次の文字に移動)
A 挿入モードに切り替え(カーソルをその行の最後に移動)
v ビジュアルモードに切り替え
V 矩形ビジュアルモードに切り替え

文字を入力する

では、実際に入力してみたいと思います。
文字に色がついたりしていますが、今回は気にしないでください。また、解説します。

index.htmlファイルを開きました。
開いたばかりの状態では、ノーマルモードになっています。

ノーマルモードの状態では、カーソルを上下左右に移動させることができます。
では、h,j,k,lを押して、カーソルを移動させてみましょう。

今回は、titleタグの中にタイトルを入力してみたいと思います。
Vim

titleタグの中にカーソルを移動させたら、iキーを押してインサートモードに切り替えましょう。
すると、文字の入力が可能になります。
Vim

入力が完了したら、Escキーでノーマルモードに戻ります。
また、a,A,Iなども使うと効率的になります。

選択範囲を削除する

次に、ビジュアルモードで選択した部分を削除する方法をみていきます。

今入力したタイトルを、選択して削除してみます。
vキーでビジュアルモードに切り替えると、テキストを選択できる様になります。
Vim

選択したら、xキーで削除できます。
Vim

Vキーでの、矩形ビジュアルモードを使っても、面白い選択ができます。

この企画の一覧はこちら

スポンサードリンク

おすすめの記事♪

Homebrew

Homebrewを使いこなせ!Macへのインストールや使い方。

[email protected]_is_Rです。 やり直したところで同じ道を辿るのがオチですよ、全国の不幸な皆さん!! さて、おふざけはここまでにして、今回はHomebrewにつ

Medibang Paint

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

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

JCNews

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

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

music

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

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

LINE

LINE着せかえ販売がもうすぐ可能!クリエイター必見!!

[email protected]_is_Rです。 数年前、スマートフォンアプリである「LINE」が誕生し、メールよりもLINEを使うひとも多くなりました。 LINEで特徴的なのが、

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

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

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

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

software

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

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

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

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

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

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


コメントをどうぞ!

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




Games