追記(2018/11/09)
・オススメ拡張機能に**"bracket pair colorizer"**を追加

VSCode導入のきっかけ

NetBeansが重すぎる(憤怒)
常にわからないことを検索しているクソ雑魚ナメクジエンジニアである僕はMacbookAir(メモリ4GB)でブラウザを開きながら、NetBeansで開発をしようとするのだが

MacBook先輩「イキスギィ！」

PCが重くなってるはっきり分かんだね

これまでIDEはなんとなくNetBeansを使っていたが、これはもう...許せへんし(カーリー)

色々調べてみると、Visual Studio Code(以降VSCode)というエディタが軽量でIDE並に頑張ってくれるそうなので、乗り換えることに。
全てはチャンス！(レ)

拡張機能

VSCodeはバニラでもそこそこ美味しいが、豊富な拡張機能を好みに合わせて足していくのが良いようだ。
以降で自分が行ったオススメの拡張機能を紹介するが、拡張機能のインストールは基本的には以下の手順で実施する。

command + shift + Pを押下すると、VSCodeの各種機能への検索・アクセスが行える。
「Extension」でも入力すれば、Install Extensionという項目が出てくるため、押下。
表示されたウィンドウの検索バーにインストールしたい拡張機能の名前を検索すれば出てくるので、あとは適当にちゃちゃちゃっとやってオワリッ！

おすすめ拡張機能

Japanese Language Pack for Visual Studio Basic

VSCodeの日本語化を行う拡張機能

日本語化プラグインが提供されているのに、日本語化しないなんて私には理解に苦しむね(ﾍﾟﾁﾍﾟﾁ)
インストール後、日本語化する手順は以下のサイトを見ろよ見ろよ
参考サイト:http://www.atmarkit.co.jp/ait/articles/1805/18/news032.html

Visual Studio Code Setting Sync

VSCodeの設定、拡張機能を自身のGithubに保存してくれる拡張機能

一度セットアップしたVSCodeを別の環境で再度構築するときにこの機能を利用すれば、すぐに同じ環境が再現できる。
設定変更時に自動で設定をアップロードするようにしておくと、なおよし。
結構設定がめんどくさいけど、下のサイトを見ろよ見ろよ
参考サイト:https://www.lisz-works.com/entry/vscode-setting-sync

VSCode-icons

アイコンをリッチに

ぱっと見て何のファイルか分かりやすくしてくれる神機能

右が適用後

jumpy

エディタのカーソルをすぐに違う箇所にジャンプさせる

表示された二文字のアルファベットを入力した地点にジャンプする

インストールしただけでは機能しないため、キーボードショートカットでjumpyの起動ショトカを登録する必要あり。
shift + jで起動するようにしていいゾ〜これ

TrailingSpaces

末尾の空白がわかるようにマーキングしてくれる

いつの間にかに紛れ込んで、気が付かずにコミットして変な差分が出たりするのもう許せんぞオイ！

Path Intellisense

パスを書く場面で、インテリセンスで表示してくれる

候補が表示される
ファイル名が一文字間違えたりしてて、画像を読み込まなかったりすることがあるのを防止できるのいいゾ〜。

REST Client

VSCode上でHTTPリクエストとレスポンス確認が可能に

REST APIの開発時とか、テストするときcurlを叩いてたけど、あ〜いいっすね〜。
参考サイト:https://qiita.com/toshi0607/items/c4440d3fbfa72eac840c

sftp

VSCode上でsftpができるように

NetBeansには標準でついてた機能なだけにないと、ストレスがマッハ。
設定とか使い方は下のサイトを見ろよ見ろよ。
参考サイト:http://westhillworker.com/vsc-sftp/

GitLens

VSCodeのGitの色々な機能を便利に

VSCodeは標準でも、GitをサポートされているがGitクライアントと比べたら少し弱いので。
Gitのhisotryが見れるようになったり、ファイルの行毎にいつコミットされたのかが表示されたり...。
使える機能は下のサイトを見ろよ見ろよ。
参考サイト:https://kakkoyakakko2.hatenablog.com/entry/2018/07/19/003000

bracket pair colorizer

コードブロックを色分け

コメントでangeart兄貴に教えてもらった拡張機能ですゾ。

こんな感じでコードブロックが色分けされて分かりやすくなる

ずーっとコード見てるとこれもう分かんねぇな(迷子)になりがちなので、すっげーありがたいゾ〜。
angeart兄貴ありがとナス！

おまとめ

軽すぎぃ！！！

もっと早く乗り換えればよかったもぉぉぉん

これからRuby書いてみようと思うので、Ruby周りの便利な拡張機能があれば、追記しますよ〜するする。