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の基本コマンド一覧と使い方

目次
  1. 今回使用するコマンド
  2. Vimを使ったファイルの作成(保存)方法
  3. Vimの立ち上げと同時にファイルを作成
  4. Vimでファイルを開く方法
  5. 追記: 保存コマンド一覧

今回使用するコマンド

まず、今回使用する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 をまるで普通のテキストエディタの様に使う方法。

スポンサードリンク

関連コンテンツ

オススメ記事

Excel

Excel 入門講座。 Excel 関数 & 使い方!

今、初音ミクのイラストを描いているのですが、どうしても男になってしまいます。 そんなことはどうでもいい。。。 今回は、 Microsoft Office Online Excel を使う上で覚

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

もしも魔法が使えたら猫になります。@It_is_Rです。 Vimの使い方、第7回目です。 今回はVimの画面に行番号を表示&非表示にする方法を紹介したいと思います。 前回の記事はこちらに

Data Recovery Wizard

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

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

超便利! Chrome拡張機能Google翻訳

英語サイトも怖くない。ChromeでGoogle翻訳の拡張機能を使おう!

翻訳アプリがあるのに、学校で英語を学ぶ意味って一体何なんだろうと思います。@It_is_Rです。 This is a penって分かっとるわ。 私はプログラミング系のサイトをよく見るのですが、

franz

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

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

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

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

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

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

Vim

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

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

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

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

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

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

コメントをどうぞ!

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