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 Free プランにサインアップして、月ごとの補完とチャット インタラクションの制限を取得することで、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 にあるアイコンを右クリックしてコンテキスト メニューを表示し、オプション、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 が展開されるのを防ぐために必要です。ターミナルで export コマンドを直接実行する場合は、先頭のスラッシュを削除します。

2. 新しいターミナルを起動して変更を反映させます。

   これで、任意のフォルダーで「code .」と入力して、そのフォルダー内のファイルの編集を開始できます。

更新情報

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

Touch Bar のサポート

すぐに使える VS Code には、次の Touch Bar アクションが追加されています

• エディター履歴をナビゲートするには
• Touch Bar でデバッガーを制御するための完全なデバッグ ツール バー

Mojave のプライバシー保護

macOS Mojave では、「Visual Studio Code が {カレンダー/連絡先/写真} にアクセスしようとしています」というダイアログが表示される場合があります。これは、Mojave の新しいプライバシー保護によるものであり、VS Code に固有のものではありません。同じダイアログが他のアプリケーションを実行しているときにも表示される場合があります。ダイアログは個人データの種類ごとに 1 回表示され、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 によって隔離されている可能性があります。解決策については、この問題の手順に従ってください。

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

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