Vimを検討した際に参考にしたサイトたち

Web

いちおうフロントエンドエンジニアというかWeb制作を生業にしています。HTML、CSS、JavaScriptたまにPHPをいじいじとしています。

エディターは、Sublime Text教に属していて、俗に言う御三家エディターですね。

VimかEmacs

AtomかSublime TextかVSCode

ですかね。

というわけで、Sublime TextユーザーがVimを使ってみようとして、心が折れて戻ってくるまでにいろいろと参考にした記事のまとめです。

なぜ変えようと思ったのか

たんに他のエディターをつかってみたいと思ったからですね。ずっとSublime Textだし、VSCodeも日本語、Mac版が出て良さげ〜な空気感があったし、Vimのキーバインドにも少し憧れたからというのもあります。Sublime Text更新遅めだし。

ではさっそく

インストール/初期設定

Vim初心者に捧ぐ実践的入門 – Qiita

最強のテキストエディタ・Vim入門!導入から活用法まで紹介 | TECH::NOTE | プログラミングをはじめる全ての人に

Macターミナルvim設定 – Qiita

まずはこのへんですね。インストール時に、権限がうんたらというエラーが出たぐらいですね。Vimtutorとかをやってだいたいの使い方は覚えました。まあとんでもなく多機能なので基本的なことはですけど。

使い始め

何も考えず~/.vimrcにこれを書くんだ! 〜vim初心者によるvim初心者のためのvim入門〜 – Qiita

【初心者必見】最強エディタVimの使い方/コマンド30種まとめ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト

素のVimだと限界がある!絶対にインストールしておきたいVimプラグイン25個

初心者こそ、お洒落でvimらしい使い方を学ぼう!

2017新卒に捧ぐ!俺のvimの設定!! – AdwaysEngineersBlog – Adwaysエンジニアブログ

プラグイン管理とか

Vim におけるプラグイン管理についてまとめてみた – Qiita

最近導入した vim プラグイン をまとめる – 大学生からの Web 開発

なぜSublime Textに戻ったのか

Vimを使ってみて、自分のフロントという作業範囲上、キーボードだけでの操作では完結しなかった、というところが大きなところかもしれないです。もっと使い込んで慣れれば違う形になったかもしれないですけど、、

同じ感じでVSCodeも試していて、動作も軽いし、基本的なところはよかったのですが、ちょっとしたところが積み重なって、気になって、戻りました。

例をあげるとすると、カーソル位置なのだけど、Sublime Textなら、

<div [ココ]></div>

divのすぐ後ろに来るのに対し、VSCodeは、

<div>[ココ]</div>

中に入っちゃうんです。設定とかあったのかもしれないんですけど、こういう1移動分がどうしても気になって使えなかったです。

(Emmetを使いこなせよという話にもなるんですが)

あとは、

ブラウザ+エディター+Photoshopを同時に行ったり来たりしながら作業するので、どうしてもマウス操作は必要だなぁとなって。

移行検討中に繁忙期に突入しちゃったので、やっぱり変えれず…。

まーとりあえず当分はSublime Textさんで!

関連記事

RANKING