【プログラミング初心者でも超簡単!】VSコードを起動しよう!最低限知っておくべき名称の確認。

「programming-ns.com」のアイキャッチ画像 VSコード

Visual Studio Code(以下、VSコード)をインストールしたら、そのアプリが立ち上がります。しかし、アプリを閉じた後、どうやってVSコードを起動するのか分からない人もいるのではないでしょうか?

ここでは、WindowsPCを使っている人がVSコードのアプリを起動する方法と各種名称をご紹介します!

ちなみにVSコードのインストールがまだの人はこちら

VSコードの起動方法

飛鳥
飛鳥

以下手順で起動まで約30秒

① スタートメニューを開く

Ctrl + EscでWindowsのスタートメニューを開く

vsコード起動

②「VS」を入力する

「vs」と入力するとVSコードのアプリがでます。

vsコード起動

③「VSコード」を選択する

マウス移動かTabキーで「VSコード」のアプリを選択してEnter

vsコード起動

④「VSコード」を起動する

以下の画面は「VSコード」をインストールした直後に見られる「Welcome」ページです。あとで説明をする初期設定のときに便利ですが、閉じても問題ありません。

vsコード起動

VSコードの中身(名称)を確認

VSコードを初めて起動できたところで、つぎに最低限知っておきたいVSコードの中身(名称)を見ていきたいと思います。ここで紹介していない中身は後で使用用途によって説明します。なのでまずは以下を押さえましょう!

「VSコード」アクティビティバー

「VSコード」の画面左に注目してください。縦に色んな絵のマークが並んでいるエリアを「アクティビティバー(以下、初心者は「左のバー」)」と呼びます。

vsコード起動

左のバー内の各名称と意味

「アクティビティバー」でよく使う、以下6つの名称(用途)がこちらです。

vsコード起動

マークを選択した時の例

たとえば、一番上の「ファイル管理」のマークを選択してみます。すると破線で囲まれた部分が表示されます。使わないときは同じマークを再度選択するか、Ctrl + Bで破線で囲まれた部分が閉じたり、開いたりできます。

vsコード起動

Welcomeページの出し方

VSコードをインストールすると、まず出てくる画面が「Welcome」ページです。

vsコード起動

このページは、VSコード初心者が初期設定を行うときに使うページです。VSコードを使い始めの人にとって便利なページなため、アプリを立ち上げる度に出現してくれます。

ところが、わたしのように「うっかりさん」は初期設定の前に以下のを消してしまうので慌てます。アプリを起動時に再出現してくれなくなるからです。

vsコード起動

けれど安心してください。手動で何度も出現させることができます!

①「Help」を選択

画面上部の「Help」をクリックする。

vsコード起動

②「Welcome」を選択

「Welcome」をクリックする。

vsコード起動

③「Welcome」ページ出現!

vsコード起動

「Welcome」ページが現れました♪

「Welcome」ページで初期設定!

VSコードはデフォルトでも十分便利なエディタですが、如何せん。英語を読めないわたしには厳しいです。なのでもっと使いやすくします。

飛鳥
飛鳥

続いてVSコードの初期設定をしよう!