macOS上のVisual Studio Code

インストール

1. Visual Studio Codeをダウンロードしてインストールする

   注

   VS Codeは毎月リリースされ、新しいリリースが利用可能になると自動更新をサポートします。

2. 追加コンポーネントをインストールする

   Git、Node.js、TypeScript、言語ランタイムなどをインストールします。

3. Visual Studio Marketplace から VS Code 拡張機能をインストールする

   お気に入りの言語用のテーマ、フォーマッター、言語拡張機能、デバッガーなどで VS Code をカスタマイズします。

4. GitHub Copilot を使用して AI 支援コーディングをセットアップする

   ヒント

   Copilotのサブスクリプションをまだお持ちでない場合は、Copilot無料プランにサインアップすることでCopilotを無料で利用でき、毎月の補完とチャットの対話数に制限があります。

5. VS Code のチュートリアルを始める

   VS Code のユーザーインターフェイスと主要な機能を発見しましょう。

macOSにVS Codeをインストールする

1. macOS版Visual Studio Codeをダウンロードします。

2. ブラウザのダウンロードリストを開き、ダウンロードしたアプリまたはアーカイブを探します。

3. アーカイブの場合は、アーカイブの内容を抽出します。一部のブラウザではダブルクリックを使用するか、Safariでは「虫眼鏡」アイコンを選択します。

4. `Visual Studio Code.app`をアプリケーションフォルダにドラッグすると、macOSのLaunchpadで利用できるようになります。

5. アプリケーションフォルダから、アイコンをダブルクリックしてVS Codeを開きます。

6. DockにあるVS Codeアイコンを右クリックしてコンテキストメニューを表示し、オプション、Dockに保持を選択することで、VS CodeをDockに追加します。

コマンドラインからVS Codeを起動する

ターミナルから`code`と入力してVS Codeを実行するには、`$PATH`環境変数に追加します。

VS Codeでパスを設定する

1. VS Codeを起動する

2. コマンドパレット（Cmd+Shift+P）を開き、「shell command」と入力して、Shell Command: Install 'code' command in PATHコマンドを実行します。

   

3. 新しい`$PATH`の値を有効にするには、ターミナルを再起動します。

   これで、どのフォルダでも「code .」と入力して、そのフォルダ内のファイルを編集できるようになります。

手動でパスを設定する

VS Codeを手動でパスに追加するには

1. 次のコマンドを実行します

   Zsh:

   cat << EOF >> ~/.zprofile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   Bash:

   cat << EOF >> ~/.bash_profile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   注

   先頭のスラッシュ`\`は、連結中に`$PATH`が展開されるのを防ぐために必要です。エクスポートコマンドをターミナルで直接実行したい場合は、先頭のスラッシュを削除してください。

2. 変更を反映させるには、新しいターミナルを起動してください。

   これで、どのフォルダでも「code .」と入力して、そのフォルダ内のファイルを編集できるようになります。

更新

VS Codeは毎月リリースされ、新しいリリースが利用可能になると自動更新をサポートします。VS Codeからプロンプトが表示された場合は、最新の更新を受け入れるとインストールされます（最新の機能を利用するために他に何もする必要はありません）。

Touch Barのサポート

標準で、VS Codeは以下のTouch Barアクションを追加します

• エディターの履歴を移動する
• Touch Barでデバッガーを制御するための完全なデバッグツールバー

Mojaveのプライバシー保護機能

macOS Mojaveでは、「Visual Studio Codeが{カレンダー/連絡先/写真}へのアクセスを求めています。」というダイアログが表示されることがあります。これはMojaveの新しいプライバシー保護機能によるもので、VS Codeに特有のものではありません。他のアプリケーションを実行している場合でも同様のダイアログが表示されることがあります。このダイアログは個人データの種類ごとに一度だけ表示され、VS Codeはこれらのフォルダへのアクセスを必要としないため、許可しないを選択しても問題ありません。

次のステップ

VS Code をインストールしたら、以下のトピックでさらに詳しく学ぶことができます。

• VS Code チュートリアル - VS Code の主要機能を素早く体験できるハンズオンツアーです。
• ヒントとテクニック - VS Code を使用する際の生産性向上に関するヒント集です。
• AI 支援コーディング - VS Code で GitHub Copilot を使用して、より速くコードを作成する方法について学びます。

よくある質問

「Visual Studio Codeがカレンダーへのアクセスを求めています。」と表示されるのはなぜですか？

macOS Mojaveバージョンを実行している場合、「Visual Studio Codeが{カレンダー/連絡先/写真}へのアクセスを求めています。」というダイアログが表示されることがあります。これは、上記で説明したMojaveの新しいプライバシー保護機能によるものです。VS Codeはこれらのフォルダへのアクセスを必要としないため、許可しないを選択しても問題ありません。

VS Codeの更新に失敗する

VS Codeが再起動後に更新されない場合、macOSによって隔離されている可能性があります。解決策については、このissueの手順に従ってください。

VS CodeはAppleシリコン搭載マシンで動作しますか？

はい、VS CodeはAppleシリコンチップセットを搭載したMacで実行できるmacOS Arm64ビルドをサポートしています。IntelとAppleシリコンの両方のビルドを含むユニバーサルビルド、またはプラットフォーム固有のビルドのいずれかをインストールできます。