VS Codeのインストール手順について｜ブログ

はじめに！ 前回、VS Codeの拡張機能「Todo Tree」について紹介するブログを公開いたしました！ 。。が、当サイトではVS Codeについてまだ紹介してなかったので、今回はVS Codeとはなんぞや！という事からインストール方法までについて紹介いたします。 なお、本記事ではWindows環境を想定して話を進めます。 VS Codeって？ まずはじめに、VS Codeとは何かご存知ですか？ VS Codeとは「Visual Studio Code（以下,VS Codeで統一）」の略称で、Microsoft社が無償で提供する、プログラムを書くための人気のエディタです。エディタとは、コードを書くための特別なテキスト編集ソフトウェアで、プログラミングやウェブ開発などに使用されます。 VSCodeはWindowsのほかLinux・macOSで利用ができ、VS Codeを使用することでプログラミングやウェブ開発を効率的に行うことが出来ます。 VS Codeを使用するメリット 正直なところ、このソフトウェアをインストールしなくても、WindowsまたはMacで標準搭載されているメモ帳等でも、プログラミングを行う事は出来ます。 ではメモ帳を使用すれば良いんじゃないか！VS Codeなんていらないじゃないか！ っと言われると、答えはNoです。 何故ならば、メモ帳等でコードを書き、ブラウザで実際に動作を確認した際に、 「あれ？変化していない。。。打ち間違いかな？」 といった状態に一度は必ず陥ると思います。 こういった場合、初学者の方はその原因がどこに存在するのか、またそもそも間違っているのかどうかすら、判断できないと思います。そのような状態でコードとにらめっこしたり、もう一度書き直してみて時間を費やすことはちょっと非効率的ですよね。 そこで、VSCodeが役立ちます。 VS Codeにはコードの書き間違いに色を付けてユーザーに指摘してくれたり、前回の記事で紹介したような拡張機能など、プログラマーに役立つ機能が沢山あります。 更にVS Codeには、コードを自動で整形する機能や、コードを入力するときの補助機能が豊富に用意されているため、より効率的に正確にコードを書くことができます。 インストール方法 ステップ1：VS Codeをダウンロードしよう まず、公式サイトにアクセスし、Windows向けのVS Codeをダウンロードします。 画面左「Windows」のボタンをクリックするとダウンロードが開始されます。 ステップ2：VS Codeをインストールしよう パソコン上にダウンロードしたインストーラーをクリックして、インストール作業を行います。 ステップ3：規約に同意する インストールするための規約に同意します。ここでは「同意する」にチェックを入れた状態で、「次へ」をクリックしましょう。 ステップ4：インストール先の指定 特別に指定の場所が無い場合は、初期値のままで問題ありません。 ステップ5：スタートメニューフォルダの指定 スタートメニューにショートカットを作成する設定です。 ここも特別に指定の場所が無い場合は、初期値のままで問題ありません。 ステップ6：追加タスクの選択 デスクトップ上にアイコンを作成するかなどの選択ができます。 下記はおすすめのチェック項目です。 ①デスクトップ上にアイコンを作成する ②エクスプローラーのファイルコンテキストメニューに\[Code で開く\]アクションを追加する ➂エクスプローラーのディレクトリコンテキストメニューに\[Code で開く\]アクションを追加する ステップ7：インストールの準備完了 ここまでで問題がなければ、インストールを開始しましょう。 画像に alt 属性が指定されていません。ファイル名: image-6.png ステップ8：インストール完了！ インストールが終わると、最後に「完了」をクリックすると、インストーラーが閉じるのと同時にVSCodeが起動します。これでインストールは完了です！！ お疲れさまでした！！