1
/
5

【Tech Blog】2021年に絶対入れたい!VSCodeの拡張機能.md

こんにちは。ランドネット広報の山崎です。
今回は【Tech Blog】2021年に絶対入れたい!VSCodeの拡張機能.md
ということで、前回に引き続きランドネット期待の若手エンジニア「アジキング」が書いてくれました。

前回記事はこちら



「開発環境にVSCode使っていて、拡張機能が沢山あるけどどれが良いの?」という方のために、今回は私が「これがオススメ!」という拡張機能をご紹介します!!

Bracket Pair Colorizer 2

出所:Visual Studio Marketplace



これを使うと、一致するブラケットを色で識別してくれるの!
沢山ブラケットがあっても一目でわかるから便利!

Remote Containers

出所:Visual Studio Marketplace

Remote Containersは、Dockerコンテナをフルに開発環境として使えます!
新しいチームメンバーが入った時にも簡単に立ち上げて実行できるようになるからめっちゃ良い!

Import Cost

出所:Visual Studio Marketplace

Import Costは、JavaScriptとかでインポートしたときのパッケージの推定サイズ数を教えてくれるの!
重すぎる時は赤色で警告を出してくれるから必須!

Live Share

出所:Visual Studio Marketplace

Live Shareは、プロジェクトの仲間と共同編集とか共同デバッグができるの!
音声通話だったりチャットとかもできるから、ペアプロとかもできるね!

Quokka.js

出所:Visual Studio Marketplace

Quokka.jsは、JavaScript/TypeScriptの開発者の生産性を格段にあげてくれる!
ランタイム値が更新されて横に表示してくるの

Better Comments

出所:Visual Studio Marketplace


Better Commentsは、わかりやすいコメントを書くときには必須!!!
こんな感じで使いわけがあって他の人がみても分かりやすいよね!

Settings Sync

出所:Visual Studio Marketplace

Settings SyncはGitHub Gistを使って、設定とかワークスペースとかをコンピュータ間で同期できるの!
チームで設定を共有したい!って時にもいい!

Remote — SSH

出所:Visual Studio Marketplace

これは、リモートマシンで開発とかリモートマシンのファイルをVSCodeで編集ができたりするの。
例えば、ec2の環境で本番環境とOSを同じにして開発できたり、複数のマシンから同じ開発環境にアクセスできたりね!
もちろんec2じゃなくてもssh接続できれば、他でも大丈夫!

Prettier

出所:Visual Studio Marketplace

Prettierは、コードを解析してコードをフォーマットしてくれるの!
だからコードの一貫性が保たれるからコードがとっても綺麗になるよ!


今回ご紹介したVSCodeは、全部めっちゃ良いので是非全部使ってみて下さい!

株式会社ランドネット's job postings

Weekly ranking

Show other rankings