VSCode にまつわる 3つの「違い」

  • VSCode は「IDE」と「コードエディタ」どちらに該当しますか?

  • VSCode の「コマンドパレット」と「クイックオープン」を使い分ける方法は?

  • VSCode の「アクティビティバー」「サイドバー」「ステータスバー」は、それぞれどこを指しますか?

「あれ」とか「それ」とか言いがちな細かな違いの備忘録です。


IDE と コードエディタ

VSCode は「IDE」と「コードエディタ」どちらに該当しますか?

-> A.「コードエディタ」

IDE とは

IDE は Integrated Development Environment の略です。

それぞれ 統合 開発 環境 という日本語訳が該当します。

IDE と コードエディタの違い

IDE -> 統合・特化

  • デバッグツール、コンパイラ、ビルドシステム、プロジェクト管理、バージョン管理統合など、特定の言語に特化した機能が揃っている

  • IDE一つで開発が完了することが多い

コードエディタ -> 軽量・汎用・拡張

  • コードの編集とハイライト、ファイルの検索など軽量で汎用的な機能

  • 拡張機能により、IDEのような様々な機能を追加できる


コマンドパレット と クイックオープン

VSCodeの「コマンドパレット」と「クイックオープン」を使い分ける方法は?

-> A. コマンドパレットのときは > を入力する

クイックオープン とは

VSCode の中央上方の検索BOXから「ファイルを検索して移動する」機能です。

Mac の場合 cmd + p でも使用可能です。

なお、この検索BOXは「コマンドセンター」と呼びます。

コマンドパレット とは

「VSCode が持つコマンドを検索し実行する」機能です。

クイックオープンと同じく「コマンドセンター」にて「頭に > をつける」ことで使用できます。

Mac の場合 cmd + shift + p でも使用可能です。

例:> Preferences: Open User Settings -> ユーザー設定を開く


3つの「バー」

VSCode の「アクティビティバー」「サイドバー」「ステータスバー」は、それぞれどこを指しますか?

A. 画像

アクティビティバー

  • エクスプローラー(ファイルなどの一覧)

  • 検索(キーワード検索)

  • ソース管理

  • 実行とデバッグ

  • 拡張機能

などのアイコンが並ぶバー

activety bar

「サイドバー」

エクスプローラービュー・検索ビューなど、アクティビティバーで選択した内容などが表示される。

「ステータスバー」

  • カーソル位置

  • インデント

  • 文字コード

  • 改行コード

  • ファイル種類

など、「状態」が表示される。

@kohki_takatama
RUNTEQ 53期 Twitterなどは→potofu.me/ja/my/links