1. HOME
  2. »
  3. ソフトウェア
  4. »
  5. テキストエディタ
  6. »
  7. Vim
  8. »
  9. 【Vim使い方】ファイルの作成と開き方、保存の方法。(Mac OS X)

【Vim使い方】ファイルの作成と開き方、保存の方法。(Mac OS X)

Vimよりも美女と戯れたい。@It_is_Rです。

前回に引き続き、Vimの使い方について解説していきたいと思います。
今回は、ファイルの作成、開き方、保存の方法について解説していきたいと思います。

ちなみに、前回の記事はこちらを御覧ください。
【Vim】Macで高機能テキストエディタ。最新版のインストール方法。

まずはじめに、使用したいディレクトリに、cdコマンドで移動しておく必要があります。

詳しい方法はこちらの記事を御覧ください。
ターミナルによるMac操作。13の基本コマンド一覧と使い方

今回使用するコマンド

まず、今回使用するVimのコマンドについて、予習しておきましょう。

:w 保存
:w ファイル名 名前をつけて保存
:e ファイル名 ファイルを開く
:q Vimの終了
:q! 強制的にVimを終了(変更点が無視されます)

Vimを使ったファイルの作成(保存)方法

では、ファイルを作ってみたいと思います。
Vimを使って、Webページを作りたいと仮定し、今回はindex.htmlファイルを作成します。

では、ターミナルに入力していきましょう。
前回もやりましたが、ターミナルにvimと入力することで、Vimが立ち上がります。

$ vim

Vim

何も入力していない時点では、ノーマルモードとなっております。
:キーを押して、コマンドモードに切り替えます。

すると、ウィンドウの一番下に、:が入力されます。
この後に、Vimのコマンドを入力する形になります。

ファイルには、なにも書いたりしていませんが、とりあえず保存してみます。
上書き保存の場合は、:wで保存ですが、今回は名前をつけて保存したいので、:wの後にファイル名を入力します。

:w index.html

最後にReturn(Enter)キーを押して、
“index.html” [New File] 0 lines, 0 characters written
と表示されれば保存が完了です。

Vim

ここではひとまず、:q、もしくは:q!で、vimを終了しておきます。
:qは終了、:q!は強制的に終了の命令になります。

Vimの立ち上げと同時にファイルを作成

あらかじめ作りたいファイルが決まっている場合は、Vimの起動と同時にファイルを作成することもできます。

$ vim index.html

Vimでファイルを開く方法

では、もう一度Vimを立ち上げ、先ほど作った「index.html」を開いてみましょう。
くどい様ですが、vimと入力して、Vimを立ち上げてください。

ファイルを開く命令は、:eです。
今回はindex.htmlを開きたいので、:eの後に、ファイル名を入力します。

:e index.html

Vim

無事、index.htmlを開くことができたでしょうか?

追記: 保存コマンド一覧

コメントをいただきました。ありがとうございます。
保存関連のコマンド一覧を追記させていただきます。

:w 保存
:w! 強制的に保存(読み取り専用ファイルであっても保存)
:wq 保存して終了
:wq! 強制的に保存して終了(読み取り専用ファイルであっても保存して終了)
ZZ 保存して終了
ZQ 保存せずに終了

この企画の一覧はこちら

  1. 【Vim】Macで高機能テキストエディタ。最新版のインストール方法。
  2. 【Vim使い方】ファイルの作成と開き方、保存の方法。(Mac OS X)
  3. 【Vim使い方】モードって何なの!? 完璧に理解して使いこなせ!!
  4. 【Vim使い方】これさえ覚えれば使える!!文字入力の基本操作。
  5. 【Vim使い方】これで初心者卒業!!便利に使えるコマンド一覧。
  6. 【Vim使い方】Vimの画面を分割して使う方法。画像付きで分かり易く!
  7. 【Vim使い方】行番号を表示&非表示にする方法。
  8. 【Vim使い方】ソースを色付けしてコードを読みやすくする方法!!
  9. vimrc 設定で、 Vim をまるで普通のテキストエディタの様に使う方法。

スポンサードリンク

関連コンテンツ

オススメ記事

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

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

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

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

vagrant virtualbox

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

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

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

宇宙一のひねくれ者、@It_is_Rです。 Vimの使い方、第4回目となりました。 今回は、Vimを使った文字入力の基本についてを記事にしました。 ちなみに、前回の記事はこちらになります

Data Recovery Wizard

無料データ復元ソフト「Data Recovery Wizard」の機能を徹底検証!

大切なデータを誤って削除してしまった、必要ないと思って削除したファイルが後々必要になった、などといった経験はありませんか? 通常ですと、削除したファイルはゴミ箱に保存されるので、復旧することは容易で

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

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

franz

便利すぎ! Franz 5で普段使うチャットサービスを管理してみよう!

Franzは様々なチャットサービス等を、1つのアプリ上で管理できる便利なツールです。 このツールを初めて使ってみたのですが、一瞬で使いたいチャットサービス等を開くことができ、とても便利なので、今

Vim

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

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

software

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

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

Vim

vimrc 設定で、 Vim をまるで普通のテキストエディタの様に使う方法。

寒い日が続いております。 @It_is_R です。 寒いと手がかじかむし、部屋を暖めると眠くなるし、何かいい方法はないものでしょうかね。 何も設定しない状態で Vim を使うと、真っ白な画面に

コメントをどうぞ!

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