👁

Visual Studio Codeをインストールしよう

この章では、Visual Studio Codeのインストールをハンズオン形式で学習します。これにより、講座のハンズオン全般で使うコードエディタの準備ができるようになります。

1. Visual Studio Codeのインストール

様々なコードの記載や編集のために、DevOps Campでは基本的にVisual Studio Codeを利用していきます。なお、Visual Studio Code特有の機能などはあまり利用しないため、他のエディタをご利用の方は、そちらを使用していただいて構いません。

Visual Studio Codeは、以下の公式サイトからOSに合ったインストーラをダウンロードし、手順に従ってインストールしてください。

Visual Studio Code - ダウンロード

2. Visual Studio Codeのおすすめ設定

インストール直後の Visual Studio Code は英語表示になっているため、以下の拡張機能のインストールをおすすめします。言語別のおすすめ拡張機能は、Python・Go・Node.js・Terraform などの各インストール章で紹介します。

拡張機能名 ID 役割
Japanese Language Pack ms-ceintl.vscode-language-pack-ja Visual Studio Code のメニューや設定画面を日本語表示に切り替える
Material Icon Theme pkief.material-icon-theme エクスプローラーのファイル・フォルダアイコンを、拡張子や役割ごとに視認しやすいアイコンに置き換える

Visual Studio Code の左サイドバーの「拡張機能」アイコン(四角が4つのマーク)をクリックし、検索ボックスに拡張機能名を入力して「Install」ボタンをクリックすることでインストールできます。

Japanese Language Pack をインストールすると、右下に表示される「Change Language and Restart」ボタンをクリックすると Visual Studio Code が再起動し、日本語表示に切り替わります。

3. まとめ

この章では、Visual Studio Codeのインストールを体験しました。

  • Visual Studio Codeは、Microsoftが開発した無料のコードエディタである
  • 公式サイトからOSに合ったインストーラをダウンロードしてインストールできる
  • 他のエディタに慣れている場合は、そちらを使用しても構わない

次の章では、Gitの準備をハンズオン形式で体験します。

この教材は役に立ちましたか?

いいねをたくさんいただけると、制作者の励みになり、より多くのセクションが作れるようになります。

感想を一言(任意)

いただいたコメントは次の制作のヒントになります。ぜひお気軽にご投稿ください。

このコメントは他の受講生には公開されません。DevOps Camp運営が、教材改善のために確認します。

0 / 2000