事前知識

コードエディタ

プログラミングにおいてソースコードの記述、編集(コーディング)を行うためのツール

主なコードエディタの比較

「Visual Studio Code」には同じマイクロソフトが提供している「Visual Studio」というツールがあります。「Visual Studio」はWindows用に販売している統合開発環境で、WindowsアプリケーションやWebアプリケーションを開発するためのものです。
一方、「Visual Studio Code」はマイクロソフトが無償で公開しているプログラマ向けの高機能なテキストエディタになります。

Visual Studio Codeのインストール

今回は仕事でもよく利用しているVisual Studio CodeをmacOSにインストールしていきます。

１．https://code.visualstudio.com/にアクセスし、macOS用のインストラーをダウンロード

２．ダウンロードしたインストーラーを開き、利用規約に同意するを選択した後「次へ」をクリック

３．インストール先を設定し、「次へ」をクリック
デフォルトのままでよければそのまま「次へ」、別フォルダに移動する場合は「参照」から設定

４．Visual Studio Code のショートカットを作成する場合は「次へ」、作成しない場合は「スタートメニューフォルダーを作成しない」をチェックオフにして「次へ」をクリック

５．追加設定を行い「次へ」をクリック

６．「インストール」をクリック

７．下記画面が表示されればインストール完了

Visual Studio Codeの操作画面

ファイル選択

１番上のメニューでは、新規ファイル/フォルダの作成・削除・編集が可能です。
ファイルを選択すると、そのファイルに記載されたソースコードが画面全体に表示されます。
選択されたファイル名は上のタブに表示されます。

ファイル検索

２番目のメニューでは、ファイル内の指定文字検索/置換が可能です。

リポジトリ操作

３番目のメニューでは、リポジトリの作成、コミットなどの基本的なリポジトリ操作が可能です。
リポジトリについては別のページで紹介します。

デバッグ実行

４番目のメニューでは、デバッグの実行が可能です。
プログラム上の誤り（バグ）を発見し修正することで、生きたプログラムが作成できます。
デバッグの方法についても別のページにて説明します。

拡張機能追加

５番目のメニューでは、Visual Studio Codeに拡張機能を追加して、より効率的にソースコードを書くことが可能です。
今回はVisual Studio Codeの紹介なので、おすすめ拡張機能についても別ページにて紹介します。