VSCodeの便利機能について

Last updated at 2021-11-28Posted at 2021-11-28

今回は、VSCodeの便利な機能と拡張機能を紹介します。
この内容はMacOS向けです。

VSCodeでターミナルを表示

まずは、VSCodeでターミナルを表示させる方法です。

ターミナルを表示させるコマンドは下記の通りです。

Ctrl + Shift + ^

GUIでも表示できます。

ターミナルの見た目は下記の通りです。

DockerやGitも使うことができます。

VSCodeでは、GUIでGitを使うこともできます。

設定方法は省略しますが、こちらのykmchdさんの記事で、設定できます。

Gitのクローンからステージング、コミットやプッシュまでできます。また、プル（同期）もできます。VSCodeだけでクローン→変更→ステージング→コミット→プッシュができるので、とても便利です。後で紹介するGit Graphという拡張機能を使うとツリー表示ができるので、是非見てください！

Dockerは、VSCodeの中でコンテナのビルドや、必要ファイルの生成、Dockerイメージのビルド、コンテナーとイメージの開始や停止、削除をGUIでできて、とても便利です。

Live Previewは、HTMLページをVSCodeでプレビューできる拡張機能です。Liveとついているように、リロードなしで自動的に更新されていきます。

Git Graphは、Gitをツリー表示できる拡張機能です。コミットやマージなどが色分けされてとても見やすくなります。変更を見ることもできて、わかりにくいGitもわかりやすくなります。

VSCodeは、CLI、Git、Dockerなど、様々なことを１つでこなしてくれる便利なエディターです。みなさんも使ってみてください！