3
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Windows 11 への Visual Studio Code の インストール

Last updated at Posted at 2024-01-17

Visual Studio Code(読み方:ビジュアル スタジオ コード、略称:VSCode(読み方:ブイ エス コード) )は無料で使えるエディタです。VS Code は拡張性が高く、軽快に動作するため、多数のプログラム開発者に愛用されています。ここでは 18 歳の新入社員向けに VS Code のインストール方法を紹介します。

Visual Studio Code の特徴

VS Code の特徴を以下に挙げます。

クロスプラットフォーム

VS Code は Windows、macOS、Linux で動作します。

多くのプログラミング言語に対応

VSCode は多くのプログラミング言語に対応しており、自動インデント、強調表示、コード補完などの効率的なプログラム作成のための機能が用意されています。

豊富な拡張機能

VS Code は拡張機能により機能を拡張できます。これにより、さまざまなプログラミング言語、フレームワーク、ツールに対応した環境を構築することができます。

Visual Studio Code のシステム要件

VS Code のシステム要件 は以下の通りです。

  • プロセッサ: 1.6 GHz 以上のプロセッサ
  • メモリ: 1 GB 以上
  • HDD: 500 MB 以上の空き容量
  • Windows: Windows 10 (64ビット版)、11
  • macOS: 最新と2つ前のリリース
  • Linux: Ubuntu Desktop 20.04, Debian 10, Red Hat Enterprise Linux 8, Fedora 36

ここでは Visual Studio Code version 1.85 を例にして、Windows 11 へのインストール方法を紹介します。

Visual Studio Code のインストール手順

Windows パッケージ マネージャー (winget) を使用してインストールする

Windows 11 は Windows パッケージ マネージャー サービスを介して VSCode をインストールすることができます

winget install -e --id Microsoft.VisualStudioCode

Windows インストーラーを使用してインストールする

ダウンロード

Visual Studio Code の公式ページにアクセスし、 「Download for Windows」ボタンをクリックします。
https://code.visualstudio.com/

01_officialsite.png

インストーラの起動

ダウンロードが完了したら、ファイルをダブルクリックし、インストーラを実行します。

11_download.png

ライセンスの確認

使用許諾契約の内容を確認して、「同意する」を選択し、「次へ」をクリックします。

22_installer.png

インストール先の選択

インストール先フォルダの選択画面が表示されたら、「次へ」をクリックします

23_installer.png

スタートメニューの選択

スタートメニューフォルダの選択画面が表示されたら、「次へ」をクリックします

24_installer.png

追加タスクの選択

追加タスクの選択画面が表示されたら、「次へ」をクリックします

25_installer.png

インストールの確認

インストールの準備完了画面が表示されたら、「インストール」をクリックします

26_installer.png

インストールの終了

インストール完了画面が表示されたら、「完了」をクリックします。

28_installer.png

初回起動時の設定

Visual Studio Codeの起動

Welcome 画面が表示されたら、Welcome の右にある「X」をクリックして、Welcome 画面を閉じます。

31_installer.png

拡張機能の追加

左端にある「Extension(拡張機能)」アイコンをクリックします。

32_installer.png

拡張機能の検索

拡張機能の検索ボックスに「japanese」と入力します。

33_installer.png

拡張機能のインストール

検索結果に Japanese Language Pack for Visual Studio Code が表示されたら、「Install」をクリックします。

34_installer.png

VSCode の再起動

右下に再起動を促すメッセージが表示されたら、「Change Language and Restart」をクリックします。

35_installer.png

日本語化の終了

VSCode の再起動後に日本語のメニューが表示されれば、日本語化の完了です。

36_installer.png

まとめ

この記事では Visual Studio Code のインストール方法と日本語化の手順を説明しました。

他の記事で各種のプログラム言語向けの使い方を紹介します。

参考文献

3
6
4

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?