背景

今まではAtomを使っていましたが、重いため（メモリが食いすぎで3時間くらい使ってると7GBくらいいってる時がある。。。）乗り換えを検討していました。

いずれはVimmerになりたいなーと思いつつも、キャッチアップに掛ける時間があまり取れなかったため、なかなか乗り換えられずにいました。

そんな中、「VisualStudioCodeがいいよー」と知人から聞いたため、試しにやってみたら思いの外良かったので、乗り換えてみました。
その感想と、入れた拡張機能＋設定をメモします。
(今更ですが。。。)

特徴

Mac OS X、Linux、および Windows 、あらゆるプラットフォームで使用可能です。さらに、30 種類以上のプログラミング言語をサポートします。

Microsoft製なのにMac,Linuxでも動くということ。ありがたいです。
対応言語も多く良いですね。

オートコンプリート機能などの高度なコード入力支援（Intelisense）や複数カーソルや自動保存の機能で、煩わしいマウス操作不要でコード編集のみに集中。 Visual Stuido Marketplace から探した機能を組み込めば、あなた好みの軽量、高速なエディターに進化します。

ここら辺はAtomとかSublimeと一緒ですね。拡張機能とかショートカットが優れているという点です。
Atomにあるプラグインは大体VisualStduoCodeにもありそうな感じでした。
現在Atom、Sublimeの人は比較的スムーズに乗り換えられる気がします。

インストールしてカスタマイズせずとも、すぐに使えるので非常に良いですね。
標準で入ってるので安定して使えそうというのが良いです。

これが実は一番気に入ってる点ですね。
Atomに比べてめっちゃ軽い、今見てみたら1Gいかないくらい(Atom時代は7Gとかだった。。。)

公式サイトからいつも通りダウンロードしてインストールします。
Linux、Macも同様

以下の拡張機能と設定を行いました。

標準機能のあるオプションを設定する部分。拡張機能と違っても標準装備の機能をオプションをいじるときに使う
(拡張機能のオプション変更も同様に行います。)

基本設定/設定/ユーザ設定

"editor.formatOnType": true,
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"workbench.colorTheme": "Monokai",

editor.formatOn***はコード自動整形です。それをタイプ時、ペースト時、保存時にやるかというものです。
何かと便利なので全てオンにしました。

"workbench.colorTheme": "Monokai"はSublimeのテーマカラーと同じにするという点です。
なんとなくみやすいので。。。

標準でもかなり使い勝手良いのですが、最低限さらに使い勝手良くするために一旦以下のを入れました。

javascriptの構文チェッカーです。
React使いとしては必須のものなので入れました。

基本設定/設定

"eslint.enable": true,
"eslint.autoFixOnSave": true,

"eslint.autoFixOnSave": true, とすることで保存時にeslintが効くようになります。
⌘+sをするだけで綺麗に書き直してくれるのは非常に嬉しい。

worksspace上にあるファイル名を補完してくれるもの。
importが多いReactではとても助かる。

標準だとフォルダとファイルがどれか見分けがつき辛く、かつ僕のような一つのプロジェクトにRubyとjsが混じっている場合は一目でわかるようにしたいので入れました。(地味におしゃれで気に入っている)

VisualStudioCodeですが、動作が軽いというが個人的には一番満足です。
また、標準装備が豊富なため、Atomからの乗り換えは非常にスムーズでした。
拡張機能は全然入れられてないです。一旦今のままで仕事はできそうです。

React+Railsでもっとこういう拡張機能おすすめだよー！　という意見あれば是非是非コメントお願い致します。
もっと開発スピードあげたい！

Sublime2→Atom→VisualStudioCodeとエディタを変遷としてます。
次は変わりようのないVimになるのでしょうかね。
（やっぱりVimでドヤ顔したい！笑）